2018-08-09 Vue 学习1总结

什么是mvvm vm是什么

m是数据模型(model) v是视图模型(view)ViewModel(一个同步View和Model的对象)

插值表达式的作用？

插值表达式的值将会被替代为对应数据对象上 msg 属性（msg定义在data对象中）的值。

插值表达式，v-text,v-html,的使用场景？

差值表达式和v-text会将数据解释为纯文本，而非 HTML 。 为了输出真正的 HTML ，你需要使用 v-html 指令，差值表达式放在标签内容的位置，v-text和 v-html放在标签属性的位置。

v-bind 绑定给谁的？

可以给html元素或者组件动态地绑定一个或多个特性，标签的属性

v-for

v-for渲染数组
1. 在标签的属性位置写上v-for="item in arr" item表示数组中的每一项，这个名字可以随意取，arr表示需要遍历的数组
2. 在标签的属性位置写上v-for="(item, index) in arr" index表示数组项的索引值
v-for渲染对象
1. 在标签的属性位置写上v-for="value in obj" value表示对象键的值，这个名字可以随便取，obj表示需要遍历的对象
2. 在标签的属性位置写上v-for="(value, key, index) in obj" key表示对象的键

.jQuery和vue对dom的不同的操作

.jQuery首先要获取到dom对象，然后对dom对象的值进行修改操作
Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行修改更新。