1.v-text
和v-html
的区别
相同点:
1.都覆盖掉所有元素的子节点
2.都可以去渲染数据
不同点
1.text不能解析HTML标签
2.html可以解析HTML标签
2.v-show
和v-if
的区别
v-show:显示和隐藏 (相当于修改display:none)
v-if :直接创建或者删除标签
3.data
data命名不能使用 '$' , _ 开头
数据可以在当前模板中直接使用(不需要`this`)
4.什么是数据驱动视图
1.监听指定的数据
2.指定的数据发生改变|被获取时触发指定的方法(set/get)
3.将新数据渲染到页面
5.v-model
的原理
实现mvvm的双向绑定,是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()
来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。
6.事件
①指令:
v-on
简写@
②事件中的this
:
methods
中的this
永远指向vue实例对象
③事件对象:(event对象):
1,如果有一个参数,默认为第一个参数:Event
2,如果有其他参数,须要传递实参,$event
7.过滤器
Vue.filter(‘名字’,(price,flag="$")=>{
return 操作
}
))