vue全局注册与局部注册的写法

vue全局注册是每个实例化的vue都可以使用，而局部则是实例化注册的那个可以用。举个例子，看看写法：

<div id="app">

　　 <p>页面载入时，input 元素自动获取焦点：</p>

　　 <input v-focus>

</div>

<script> // 注册一个全局自定义指令 v-focus

Vue.directive('focus', {

// 当绑定元素插入到 DOM 中。

　　 inserted: function (el) {

// 聚焦元素

　　 el.focus() } })

// 创建根实例

　　new Vue({ el: '#app' })

</script>

局部注册：

我们也可以在实例使用 directives 选项来注册局部指令，这样指令只能在这个实例中使用：

<div id="app">

　　<p>页面载入时，input 元素自动获取焦点：</p>

　　 <input v-focus>

</div>

<script> // 创建根实例

　　new Vue({

　　　　el: '#app',

　　　　directives: {

// 注册一个局部的自定义指令 v-focus

　　　　focus: {

// 指令的定义

　　　　inserted: function (el) {

// 聚焦元素

　　　　el.focus() } } }

　　})

</script>

转载于:https://www.cnblogs.com/sweeeper/p/8794178.html