vue各种指令和语法

vue各种指令和语法

1. 数据的展示
{{ message }} 大括号包含变量
<div v-html="htmlMessage"></div> 把变量解析成为html代码

2. 属性
<div :id="idMessage" name="hello" :class="classMessage">
就是对照着 vue 里面props # 类比初始化参数

3. 指令
v-if v-else v-else-if
v-show 主要是控制标签的display属性是否展示和隐藏
v-for 类比python的 for i in list
<div v-for="item in listMessage" :key="item"> 这个是固定用法，一定要是唯一
{{item}}
</div>

4.事件处理
@ + 事件名称
<el-button @click="buttonEvent">vue button</el-button>
@click @change @select @focus 还有很多各种事件

5. 表单绑定 v-model
<input>
<select>
<radio>
<checkbox>
双向绑定