MVVM模型

MVVM模型

MVVM是一种软件架构模型

• M：模型 Model ，是指 data 中的数据
• V：视图 View ，模板代码
• VM：视图模型 ViewModel ，Vue 实例

MVVM与MVC区别

1. VM(vue) == C ( 调服务 )
2. MVVM 双向(双向绑定，数据代理)，MVC 单向 ( 直接操作 DOM )
3. MVVM ( 虚拟 DOM ) 更快渲染，MVC 单向 ( 真实 DOM )

自定义指令

规则

1. 定义指令名称时不要使用v-和驼峰，需要使用-连接，需要加引号
2. 使用时需要 v-
3. 对象式

 " 指令名 ":{
        绑定成功触发
        bind(元素,绑定对象){},
        插入页面触发
        inserted(元素,绑定对象){},
        元素解析触发(值改变)
        update(元素,绑定对象){}
    }

4. 函数式
   " 指令名 " ( 元素 , 绑定对象 ) { }
5. 局部自定指令
   directives ，需要定义在Vue实例中
6. 全局自定义指令
   directive ，需要定义在Vue实例之前