Vue选项之计算属性computed、侦听属性watch和混入mixin

计算属性

• computed是Vue中的一个选项
• 作用：可以将本应在V中处理的逻辑迁移到VM中，让其更符合MVVM思想；
• 注意：计算属性相当于计算出来的结果，最好不要去更改它。

侦听属性

• watch是vue中的一个选项
• 作用：监听数据的变化，完成一些操作
• 对象+deep可以实现深度监听
• 业务

  watch: {
        firstName ( val ) {
          this.fullName = val + this.lastName
        },
        lastName ( val ) {
          this.fullName = this.firstName + val 
        },
        num: {
          deep: true, // 深度监听      
          handler ( val ) {
            //  当num发生改变时，触发的方法
            console.log( val )
          }
        }
      }
             

混入 mixin

• 1.混入的形式
  • 全局混入【不推荐】

    • Vue.mixin({})

  • 局部混入
    • 选项：

      minxins

• 2.混入的作用：
  • 将选项中某一个或是多个单独分离出去管理，让智能更加单一搞笑，符合模块化思想
• 3.混入的优先级：就近原则

总结 methods vs computed vs watch

• 项目中如何使用
  • 1.事件处理程序：methods
  • 2.watch有大量数据交互和异步处理时进行
  • 3.computed
    • 有逻辑处理
    • V中像全局变量一样使用