1.Vue是怎么理解的
Vue是一个渐进式框架,它的三个特点包括灵活、易用且高效。
渐进式的理解:Vue本身实现的功能是有限的,但是相关的插件非常多,安装后可以实现多的功能。
借鉴了angular的模板和数据绑定技术;
借鉴了react的组件化和虚拟dom;
从上面就可以延伸出更多的东西,包括:
模板
数据绑定
组件化
虚拟dom
强制数据绑定
双向数据绑定
相关的指令
插件:router、axios、vuex …
2.插值:{{表达式}} -----react中不一样的地方
3.双向数据绑定:v-model
4.强制数据绑定:v-bind
5.相关指令:v-if、v-else、v-else-if、v-show、v-on、v-bind、v-model、v-for(遍历数据)
6.计算属性和监听
计算属性(computed):A的数据变化,B的数据也自动发生变化,可以使用计算属性----B放在计算属性中写
监听(watch):属性变化后,要实时的做相关的操作,-----可以使用监听
可以在实例化Vue对象的配置中书写
也可以通过Vue的实例化对象.$watch中进行配置
7.Vue中目前操作元素的样式
- :class= " "
- :style= " "
都可以使用数组的方式和对象的方式操作样式。
如果是class方式使用的是对象{},应该是键值对,并且后面的值是Boolean类型、
如果是style方式使用的是{},应该是键值对,属性和值的关系(style样式中的属性和值的关系)