1-el的理解

1-el是挂载点告诉vue要把data里面的数据渲染到那一个元素上。
2-挂载点可以是：id选择器，类选择器，标签选择器(作者推荐id选择器)
3-如果希望vue可以渲染很多盒子，可以把多个元素放入父元素让父元素来渲染（版心盒子）
4-注意vue挂载不能是boby和html标签

## 2-vue插值表达方式
1-插值/模板语法{{data里面的数据}}
2-支持二元，三元运算
3-支持数组对象里面的嵌套语法

3-vue指令

v-text指令作用: 设置元素的innerText
v-text语法是：v-text="数据"
全部替换语法

替换局部语法:插值语法 : 替换 {{}}部分文本 (局部替换)

v-on指令（绑定事件）

分为俩种语法：1-标准语法： v-on:事件类型 = "方法名"

简洁语法： @事件类型="方法名"

注意点事件名就是原生事件名去掉on事件方法定义在vue实例的methods对象中

然后在事件方法里面声明一下

vue中的事件修饰符

1-1.vue事件修饰符作用 : 修饰事件输入框enter键、阻止默认跳转、阻止冒泡
2- vue修饰符语法: @事件类型.修饰符 = "事件方法"
3. 常用事件修饰符
阻止冒泡 :@事件类型.stop = "事件方法"
阻止默认跳转 :@事件类型.prevent = "事件方法"
输入框enter : @keydown.enter = "事件方法"

vue中的this是啥

（1）发生DOM事件中的this指向：事件源
(2)vue中事件方法的this指向：vue里面的实际对象
（3）vue会把data和methods中的成员平铺到vue实例中
在事件方法中访问到data中的属性 this.属性名 在行内事件中访问data : 省略this

vue事件参数

每一个事件都一个默认的参数（e），代表事件对象
如果想要传递自己的参数： @click="事件方法(实参)
)默认情况下,如果事件方法传递了参数，就会覆盖原先默认的事件对象e 解决方案: 使用 $event @click="事件方法(实参,$ event)"

V-bind指令

标准写法: v-bind:属性名 = "属性值"
简洁写法: :属性名 = "属性值"

v-for指令
v-for指令 : 列表渲染(重复生成一个元素)
语法： v-for语法 : v-for=" (item,index) in 数组名 "
v-for=" (item,key,index) in 对象名 "
v-for指令注意点 : 这个指令写在谁的身上,就会重复生成谁

v-model指令

1)作用：与表单元素双向绑定
a. 表单的value变化, data中的数据会自动变化
b. data中的数据变化, 表单的value也会变化

(2)语法： v-model="值"
(3)注意点：
a. v-model只能用于表单元素
b. v-model的值需要在data中声明
2-双向绑定的意义
表单双向绑定
(1)表单value变化,data中的数据会自动变化
(2)修改data中的数据,表单的value也会变化

     2.双向绑定的意义 : 获取/修改 表单的值
       (1)快速 获取 表单的数据
    (2)快速 修改 表单的数据

vue基础1.1