mvvm
MVC 是后端的分层开发概念； MVVM是前端视图层的概念，主要关注于 视图层分离，也就是说：MVVM把前端的视图层，分为了 三部分 Model, View , VM ViewModel
m model
数据层 Vue 中 数据层 都放在 data 里面

v view 视图
Vue 中 view 即 我们的HTML页面

vm （view-model） 控制器 将数据和视图层建立联系
vm 即 Vue 的实例 就是 vm

v-on
用来绑定事件的
形式如：v-on:click 缩写为 @click;

v-on事件函数中传入参数[mw_shl_code=applescript,true]


{{num}}









[/mw_shl_code]
事件修饰符
在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。
Vue 不推荐我们操作DOM 为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符
修饰符是由点开头的指令后缀来表示的
[mw_shl_code=applescript,true]





...

使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 v-on:click.prevent.self 会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。[/mw_shl_code]