注:
paramName-自定义的参数名称
paramName2-自定义的参数名称
element-自定义的元素名称
zfc-自定义的字符串,输出:zfc
className-自定义的class名称
functionName-自定义方法名称
classObject-自定义的class对象
styleObject-自定义的style对象

v-model

v-model="paramName" 双向绑定paramName,在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定,根据表单上的值,自动更新绑定的元素的值。

v-bind

v-bind: 缩写是: 例如v-bind:id=缩写为:id=
v-bind:id="paramName" 绑定属性值
v-bind:id="'zfc'+paramName" 绑定属性值
v-bind:id="paramName || paramName2" 值判断
v-build:class="{'className': paramName}" paramName:true/false决定要不要用这个class,可配合checkbox中v-model="paramName"做点击事件
v-build:class="classObject" ,通过computed{}或data{}控制classObject属性绑定class样式
v-build:style="{color: red;}" 样式内联
v-build:style="{color: red;}"

v-html

v-html="paramName" paramName:html代码,用于输出html代码

v-if v-else-if v-else

v-if="paramName" paramName:true/false决定是否插入元素,可配合checkbox中v-model="paramName"做点击事件

v-on

v-on:click="functionName" 监听事件点击事件functionName,click,submit等
缩写:例如@click=

v-show

v-show="paramName" 指令来根据条件展示元素,paramName:true/false

v-for

v-for="别名 in 集合" 循环集合
v-for="(value, key, index) in 对象" 循环对象