vue工作记录

一、watch

在选项参数中指定 immediate: true 将立即以表达式的当前值触发回调：

var unwatch = vm.$watch(
  'value',
  function () {
    doSomething()
    if (unwatch) {
      unwatch()
    }
  },
  { immediate: true }
)

二、混入

混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。

普通混入：

var mixin = {
  methods: {
    foo: function () {
      console.log('foo')
    },
    conflicting: function () {
      console.log('from mixin')
    }
  }
}

var vm = new Vue({
  mixins: [mixin],
  methods: {
    bar: function () {
      console.log('bar')
    },
    conflicting: function () {
      console.log('from self')
    }
  }
})

vm.foo() // => "foo"
vm.bar() // => "bar"
vm.conflicting() // => "from self"

全局混入：

// 为自定义的选项 'myOption' 注入一个处理器。
Vue.mixin({
  created: function () {
    var myOption = this.$options.myOption
    if (myOption) {
      console.log(myOption)
    }
  }
})

new Vue({
  myOption: 'hello!'
})
// => "hello!"

三、<router-link>标签的exact属性

“是否激活”默认类名的依据是包含匹配。默认为false，设置为true后，包含匹配，只有包含配置的地址，就会添加高亮样式类名。

四、Vue.use(plugin)

如果插件是一个对象，必须提供 install 方法。

通过全局方法 Vue.use() 使用插件。