01-Vue指令，事件，样式

一，前端的MVVM思想

在后台的MVC中分为了：

• M持久层：专门用来操作数据库。
• C控制层：专门来编写业务代码实现业务逻辑。
• V视图层：专门提供相关展示页面来，渲染数据和用户进行交互。

可见后台的mvc思想是一种分层思想，将不同的功能按层级拆分开，从而实现功能模块化和功能之间的解耦。
而前端的MVVM思想就是，再对V视图层进行了进一步的拆分。

MVVM思想：

• M：就是待渲染出的数据，在vue中会有专门的代码块来存放数据。
• V：就是页面，即html代码。
• VM：是M和V之间的调度者，实现M和V之间数据的双向绑定，以及事件的执行，这也是MVVM思想的核心。

vue中MVVM思想的代码分层：

二，Vue的基本指令

1，{{ }} 差值表达式，但是当网络较慢的时候可能出现闪烁的问题 比如：{{ msg }} 当网络较慢的时候，页面在短时间内会将msg这个变量直接展示到页面上，而不会渲染msg对应的value值。
2， v-text 它和差值表示式的作用是一样的，但是它不会出现闪烁的问题。
3，v-html 将带html标签部分的字符串解析为html标签，而不会直接将标签部分当做字符串。
3，v-bind 用于绑定页面元素的属性值，简写是 " : "。
4，v-on 用于绑定事件 简写是 “ @ ”。
5，v-mould 实现数据的双向绑定。
6，v-for 可以循环元素的指令。
7，v-if 和 v-show 控制页面元素是否显示，v-if会删除新增dom元素 而v-show不会

三，Vue事件修饰符

1， .stop 阻止事件冒泡。

2，.prevent 阻止默认行为。

3，.captrue 捕获事件

4，.self 事件只存元素本身。

5，.once 事件只会触发一次

四，Vue中如何使用class样式。

五，Vue中使用内联样式

七，全局过滤器

八，私有过滤器

注意：当私有过滤器和全局过滤器重名时，会调用私有的而不会调用全局的，就近原则