• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    VUE怎么創建局部組件

    大家在學習使用VUE組件的時候,都知道,VUE組件分別有,全局組件,和局部組件,下面小編就和大家說說,該如何注冊局部組件(子組件)!

    東西/原料

    • 東西:HBuilder X
    • 手藝:vue.js

    方式/步調

    1. 1

      打開開辟東西,新建一個HTML,并引入vue.js

    2. 2

      編寫代碼,建立一個VUE實例

    3. 3

      利用components屬性,建立局部組件:

    4. 4

      建立組件后,我們像HTML標簽一樣,在VUE的掛載點下利用就行了,如圖:

    5. 5

      最后,我們打開瀏覽器來測試結果:

      END

    方式總結

    1. 1

      1、新建HTML引入vue.js

      2、建立一個VUE實例

      3、利用components屬性,建立組件

      4、利用組件

      5、打開瀏覽器測試結果

      END

    注重事項

    • tips1:本教是直接利用CDN體例引入VUE來為大師演示的哦!
    • tips2:局部組件還有良多屬性,例如私有的data等等屬性,詳情請到vue官方文檔查詢!
    • 發表于 2020-05-21 22:28
    • 閱讀 ( 858 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆