vue的学习
- 怎么运用vue:
1.引入文件
2.创建Vue实例控制的区域
3.创建VM实例
Vue中的指令
- v-cloak 解决文字闪烁
- v-text 和插值表达式一样,作为文本输出
- v-html
- v-bind 属性绑定机制 缩写是 :
- v-on 事件绑定机制 缩写是 @
事件修饰符:
- .stop 阻止冒泡
- .prevent 阻止默认行为
- .capture 事件捕获
- .self 实现只有点击当前元素时,才会触发事件处理函数
- .once 只执行一次事件处理函数 先后顺序无关紧要
v-model双向数据绑定
使用内联样式
-
直接在元素上通过
:style
的形式,书写样式对象 -
将样式对象,定义到
data
中,并直接引用到:style
中 -
在
:style
中通过数组,引用多个data
上的样式对象
v-for 是vue中独特的遍历方式
v-if 和v-show
-
v-if 的特点 每次都会去删除或者创建元素
-
v-show 的特点 不会去删除元素 而是切换dispaly样式
应用场景
v-if 切换时消耗性能较高
v-show 初始化消耗性能较高如果元素涉及到频繁的切换 不用v-if 用v-show 如果元素可能无法显示被用户看见 最好用v-if