一、今日学习内容 1.结构 new Vue({ el: '#app', data: { name: 'lym', } }) 2.v-text=‘ ’ 显示纯文本 3.v-html=‘ ’ 可以解析标签 4.v-model=‘ ’ 双向数据绑定(只能表单) <input>,<select>,<textarea>,components 5.v-once 一次性差值，值不会再次改变 6.v-bind v-bind可以省略成 ： 绑定属性 : 属性名称=‘绑定的数据' 绑定class 字符串 :class='data的变量' 显示的是data的值的style样式 对象： :class='{class名：布尔值}' ：class='{size:true}' 如果想让v-bind去style中查找类名, 那么就必须把类名放到数组中 也可以写在data里面 数组： :class='[变量]' 不加引号是变量，加引号是字符串 绑定style :style="{color:red}" red加引号字符串，不加变量在data里找 :style="{fontSize:'30px'} 只能驼峰 :style="[obj，objj]" 多个对象放在数组中，对象在data中 7.v-on：事件名称=‘事件处理函数名’ v-on：省略为@ data和methods的方法名不能重名 事件对象$event 事件修饰符 @click.stop='myFn' 阻止冒泡 .once 只能触发一次 .self 只有当前元素触发事件的时候才执行 .capture 捕获 .prevent 阻止默认行为 按键修饰符 @keyup.13 @keyup.enter |
| 欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) | Powered by Discuz! X3.4 |