2.实例成员
// el: 挂载点 找到挂载对象
// data: 属性数据
// methods: 方法
// computed: 计算属性
// watch: 监听属性
// 3.指令
// 文本指令: {{ msg }} | v-text="msg" | v-html="msg" | v-once {{ msg }}
// 事件指令: v-on:click='btnClick' | @click='btnClick' | @click='btnClick($event, 自定义参数们)'
// 属性指令:
// -- v-bind:href=""
// -- :class='[c1, c2]' | :class='{active: true|false}' | :class='[c1, {active: true|false}]'
// -- :style='my_style(就是css格式的字典)' | :style='{width: w; height: h}'
// 表单指令: v-model="" 注:绑定的就是表单元素的value 双向数据绑定
// 条件指令: v-show | v-if v-else-if v-else
v-if 如果条件为false,那么在生成的HTML语句中,条件为false的标签不会生成在代码中
v-show 呢如果条件为false,那么在生成的HTML语句中,条件为false的标签会生成在代码中 但是display为none。
// 循环指令: v-for="(ele, index) in eleArr" | v-for="(v, k, i) in dic"