Vue.js
今天也要打代码哟
这个作者很懒,什么都没留下…
展开
-
Vue 内置指令总结
v-html 内容按普通 HTML 插入,可防止 XSS 攻击 v-show 根据表达式的真假值,切换元素的fisplayCSS属性来显示隐藏元素 v-if 根据表达式的真假值,来渲染元素 v-else 前面必须有v-if或v-else-if v-else-if 前面必须有v-if或v-else-if v-for 遍历的数组或对象 v-on 绑定事件监听器 v-bind 用于绑定元素属性 v-model 在表单控件或者组件上创建双向绑定 v-once 一次性插值,当后面数据更新后视图数据不原创 2022-01-16 17:32:50 · 292 阅读 · 0 评论 -
v-xxxx(以v-开头用于标签属性绑定,称为指令)
1.v-once 一次性插值 通过使用 v-once指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。 2.v-html 输出HTML指令 如果是HTML格式数据,双大括号会将数据解释为普通文本,为了输出真正的 HTML,你需要使用v-html指令。 3.v-bind 元素绑定指令 将数据动态绑定到指定的元素上案例源码: 4.v-on 事件绑定指令 用于监听 DOM 事件。案例:每点击1次,数据就加1 5.v-model 实现数据的双向绑定 Vue.原创 2022-01-14 20:30:00 · 584 阅读 · 0 评论 -
Vue编写步骤
1.采用<script>标签引入vue.js库 2.定义一个<div> 3.new Vue()实例化Vue应用程序 el:element的缩写(指定被Vue管理的Dom节点入口(值为选择器),必须是一个普通的HTML标签节点,一般是Div) Data:指定初始化数据,在 Vue 所管理的 Dom 节点下,可通过模板语法来进行使用 4.标签体显示数据:{{xxxx}} 5.表单元素数据双向绑定:v-model 6.注意:el的值不能为html 或 body 源码:原创 2022-01-13 19:50:16 · 865 阅读 · 0 评论