小白记录Vue 指令 事件修饰符

Vue

Vue的特点：

 1. 高效的数据绑定
 2. 组件的灵活运用

Vue 核心

-声明式渲染  
- 组件

Vue.js

1. 简：渐进式框架，子弟向上增量开发的设计，易学习，易整合。
2.复杂：`Vue.js`（读音 /vjuː/, 类似于 view）是一套用于构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用的是自底向上增量开发的设计。Vue核心库值关注视图层，并且非常容易学习，非常容易与其他库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页面应用。
3.Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的试图组件。

Vue.js的主要功能是什么?

1. 解决数据绑定的问题
2. 为了开发大型单页面应用
3. 支持组件化(也就是可以将页面封装成若干个组件，采用积木式进行编程，这样使页面复用性达到最高)

Vue.js的两个核心?

  数据驱动、组件系统

渐进式含义

1.主张最少(没有多做职责之外的事情)对用户的要求最低，使用Vue的一部分内容，并不会要求使用所有的功能
2.特点：高效的数据绑定，灵活的组件应用(简洁，数据驱动，组件化，轻量，快速，模板友好)

什么是MVVM:

M 是Model(数据)   V 是view(视图)   VM是调度者

Vue的指令：

 1. v-cloak：指令解决进入页面会闪现{{}}（插值闪烁问题）      v-cloak指令有一个特点，就是当vue.js加载完成后这个指令就会自动删除。
 2. v-bind：绑定属性的指令，简写冒号（:）v-bind可以放合法的js表达式，是单向的数据绑定  data变了视图跟着变
 3. v-on：给元素绑定事件的指令   v-on可以简写为（@）  <组件 v-on:事件名称="表达式" />    <组件 @事件名称="表达式" />
 4. v-model：双向数据绑定指令，只能在表单元素里用，因为表单元素才能在试图里改变数据，所以说双向数据绑定只针对表单元素
 5. v-show: 显示隐藏， 相当于display：none display：block 
 6. v-if: 显示隐藏，但它会删除整个dome节点 
 7. v-text：渲染数据，不解析标签
 8. v-html：不仅可以渲染数据，还可以解析标签

事件修饰符：

 1. + .stop     		阻止冒泡
 2. + .prevent      	阻止默认事件
 3. + .capture 			添加事件监听器时使用事件捕获模式
 4. + .self				只当事件在该元素本身(比如不是子元素)触发时触发回调
 5. + .once			 	事件只触发一次
 6. v-model				双向数据绑定，只适用于表单元素