Vue.js指令
v-bind:绑定====> :(简写)
v-on:绑定====>@(简写)
v-model
双向数据绑定,只能用在input,textarea,select等表单元素上
v-model是原生value属性的语法糖,只是做了额外的处理
v-if
控制dom存在或不存在的指令
true存在
false不存在(删除DOM)
频繁操作会减少性能,DOM会频繁的添加和删除。推荐使用在不频繁显示的场景,比如已经如页面就需要判断加载,例如权限菜单
v-for
循环普通数组
v-show
控制css的display的block和none
false=none 不会删除DOM
true=block
只会显示和隐藏,更利于提高性能。tab页需要频繁切换,推荐使用v-show
v-else
同if else
if和else 之间不可以存在别的元素
钩子函数--声明周期
created(){}
组件创建完成的时候调用
1、是个函数,在系统消息触发时被系统调用
2、不是用户自己触发的
3、使用时直接编写函数体
钩子函数的名称是确定的,当系统消息触发,自动会调用。