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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2026 CODEPRJ.COM