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