Vue基础2018-08-10

1.MVVM
一种前端开发思想
M:module 数据操作层
V:view 视图渲染层
VM: 监听数据层 视图层 进行数据实时更新 数据双向绑定

2.差值表达式用来干什么？
渲染data里面的数据

3.差值表达式,v-text ,v-html 使用场景
差值表达式 ：字符串的拼接渲染data数据
v-text:标签属性的渲染
v-html: 解析带有标签的变量

4.v-bind绑定给谁?

v-bind 绑定给标签的属性的

5.v-for 渲染数组参数 渲染对象参数
数组: item 值 index 索引
v-for="(item ,index) in arr"
对象: item 值 key 键 index索引
v-for="(item,key ,index) in object"

6.key的使用方法
在循环后面 + :key="循环对象的唯一标识"

7.v-model
数据双向绑定,将视图层和model层数据进行实时更新监听

8.v-on
1.绑定事件对象v-on/@ 任意事件= 可执行函数("参数"/$event)
2.修饰符事件 .stop .prevent
3.键盘按键事件 @keyup.enter

9.v-if / v-show

1.相同点:都是控制元素的显示和隐藏
2.不同点:v-if 控制dom元素
v-show 操作样式 display:none

10.使用Vue控制DOM元素和Jquery控制DOM元素的区别?
Vue中通过指令来控制DOM元素
Jquery中通过获取DOM元素来操作DOM ,然后改变样式动画