Vue学习笔记-基本语法

插值
文本(输出文本)：{{ }}或v-text
Html(输出Html)：v-html

监听属性
常用于表单输入时要进行的动作
watch : {
　　dataValue:function(val) {

　　}
}

指令
v-text=表达式”               设置标签中的文本
v-html                          设置标签中的html
v-if                               控制是否有元素，v-if="isDelete"
v-for                             循环
v-show                          控制元素隐藏，如 v-show="isShow"
v-model                         数据双向绑定(用于表单)，如 <input type="text" v-model="name">
v-on                              注册事件，如 v-on:click="func"
v-bind:                          绑定属性(title、class、href等)或对象，如<a v-bind:href="toUrl">

v-if与v-show的区别：
v-if是根据值从Dom树增加或删除节点
v-show是根据值来控制元素的显示或隐藏，即控制display样式

v-bind和v-model的区别：
通过 v-bind:value 也可以实现对表单赋值，但v-bind绑定数据是单向得，而v-model双向数据绑定

Vue学习笔记-基本语法

原文：https://www.cnblogs.com/tracine0513/p/11879446.html