第一天
1.简述MVVM和MVC的区别
MVC是后台的中框架模式 将程序分成三部分
M(model模型) V(view 视图) C(controller控制器)
MVVM 是为实现MVC中的v(view视图)
M model(数据) v(html元素)视图 v m(view-model)是用来控制数据的改变和控制试图是前端的框架模式
2、简述虚拟DOM
对复杂的文档DOM结构,提供一种方便的工具,进行最小化的DOM操作
3、如何创建vue的实例
var vm=new Vue({
el:“挂载点”,
data:{
数据
},
methods(){
定义方法
}
})
4、列举常用指令以及作用
- v-for循环
- v-on绑定事件 (语法糖@)
- v-model双向数据绑定
- v-text渲染字符串
- v-html渲染html节点及字符串(解析成html可以识别)
- v-if判断语句
- v-show显示/隐藏(可用于判断)
- v-bind绑定属性 (语法糖:)
5、列举出常用的修饰符
@事件.stop 阻止事件冒泡
@事件.prevent 阻止事件默认行为
@事件.capture 触发事件捕获
@事件.self 当事件在该元素本身 触发回调
@once 只执行一次
6、v-if和v-show的区别及使用场景
v-if:判断是否有dom
v-show:判断隐藏/显示dom
第二天
1.简述一下vue中method computed watch 是什么和区别
watch (监听属性)也可以响应数据的变化,当需要在数据变化时执行异步或开销较大的操作时使用watch
methods (定义事件方法)每次渲染的时候都会被重新调用
computed (计算属性)它既有属性的特点,也可以写复杂的逻辑,但是它是基于属性的缓存的,只有缓存属性的依赖发生改变的时候才会被调用,否则不会被调用
2、什么是过滤器?怎么定义全局和局部过滤器
过滤器是对 即将显示的数据做进一步的筛选处理,然后显示,过滤器并没有改变原来的数据,只是在原数据的基础上产生新的数据
全局:
Vue.filter(‘过滤器名’,funciton(val){
//逻辑代码
})
局部:
filter:{过滤器名:funciton(参数){
//逻辑代码
}
}
3、自定义指令的语义是什么?请举例说明一个带参数的自定义指令怎么定义?
directives:{
“指令名”:{
inserted:function(当前节点){
//对节点操作
}
}
}
例:
directives:{
color:{
bind:function(el,binding){
if(binding.arg){
el.style.color=binding.arg
}else{
el.style.color=”green”
}
}
}
4、渐进式框架的理解
主张最少——它是一个轻量视图,只做了自己该做的事,没有做不该做的事
5、Vue中双向数据绑定是如何实现的
使用v-model来实现
Vue