Vue的插件和自定义指令

今天我学习了Vue的插件和自定义指令。Vue的插件可以扩展Vue的功能，例如添加全局方法和指令：

MyPlugin.install = function(Vue, options) {

  Vue.myGlobalMethod = function() { /* ... */ }

  Vue.directive('my-directive', { /* ... */ })

}

 

Vue.use(MyPlugin)

 

Vue的自定义指令可以让我们在DOM元素上添加自定义行为，例如生成二维码：

Vue.directive('qrcode', {

  bind: function(el, binding) {

    new QRCode(el, { text: binding.value })

  }

})

 

<p v-qrcode="message"></p>

 

明天我将继续学习Vue的过滤器和渲染函数。