[JavaScript知识库]Vue常用指令

Vue常用指令

v-bind

数据绑定，单向绑定，可以是html的属性，css的样式，对象，数组等，缩写为冒号（：）

v-model

数据绑定，和v-bind类似，但是是双向绑定的，比如说你用表单输入一个东西，这里是从表单绑定到变量上。

v-if

通过控制dom节点的存在，来控制元素的显示与隐藏，如果一开始设置为假的，他就什么都不做，当他第一次切换为真的时候，就会进行编译，这是他主要消耗的地方。

v-show

相当于控制元素display属性为block（显示），或none（隐藏）来控制元素的显示和隐藏，主要是渲染消耗，就是css的属性切换。

v-on

这个是监听事件的指令，比如点击clock，鼠标悬浮等。缩写为@