vue中基础理论知识

第一天

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、列举常用指令以及作用

1. v-for循环
2. v-on绑定事件 (语法糖@)
3. v-model双向数据绑定
4. v-text渲染字符串
5. v-html渲染html节点及字符串（解析成html可以识别）
6. v-if判断语句
7. v-show显示/隐藏（可用于判断）
8. 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