Vue 练习手册及答案

Vue练习手册及答案

1、简述MVVM和MVC

（1）MVC：是后台的框架模式
分为M：（model模型）、V（view试图）、C（controller控制器）
（2）MVVM是为了实现MVC中的V
MVVM分为：M（model数据）、V（view试图）、VM（viewModel控制数据的改变和控制试图）

2、简述虚拟DOM

对复杂的文档DOM结构，提供一种方便的工具，进行最小化的DOM操作

3、怎么创建vue的实例

<div id=”app”></div>
<script>
let v = new Vue({
el:”#app”
}) 
</script>

4、列举常用指令以及作用

(1)V-for循环 (2)v-on绑定事件(3)v-model双向数据绑
(4)v-text渲染字符串(5)v-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

7、Vue怎么绑定事件？以及常用的事件修饰符

v-on：自定义事件名=”方法名”
事件修饰符：同上

8、methods computed watch的区别

（1）computed 计算属性 计算结果会缓存,只有当依赖值改变才会重新计算
（2）watch 监听属性 一个值的改变 需要另一个值的改变而改变,结果不会缓存
（3）methods 事件方法 调用一次，执行一次,结果不会缓存

9、Vue中怎么动态的绑定class样式

<div :class=”{类名:变量}”></div>

10、什么是过滤器？怎么定义全局和局部过滤器

过滤器是对 即将显示的数据做进一步的筛选处理，然后显示，过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据
全局：
Vue.filter(‘过滤器名’,funciton(val){
//逻辑代码
})
局部
filter：{过滤器名:funciton(参数){
//逻辑代码
}<