在html中使用vue組件


最近在維護公司的項目,當我拿到項目時,發現他用了vue。

但是~~僅僅是引用vue.js文件,整體的架構還是html那種,沒有用webpack!

當時覺得~哇~原來還可以這樣!

然后了解了業務邏輯和代碼邏輯,覺得這個人寫的~emmm~~~,沒辦法只能按照之前的思路去寫~

開發新頁面時,我就引用了vue的組件(上個人僅僅是用到了雙向綁定這個好處),

下面附上在html中引用vue組件的寫法:

第一步:首先引用 httpVueLoader.js, 再引用Vue.use(httpVueLoader)---這步很重要

 

 

 第二步:創建vue組件,引用vue組件

 

 第三步:在html中寫引用組件,就ok啦

 

 ps:在引用組件時,中途出現了小插曲。從第二步可以看出我的組件名起的是AddInfo.

   我一開始在html中引入時直接寫成<AddInfo></AddInfo>,怎么都顯示不了組件!后來才知道,vue2.0組件命名區分大小寫了,哈哈哈哈~

  在這里就不細說了,有時間會專門寫一篇關於命名規則的~

 

新手上道,寫的不足的地方請大家提出來哦~~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM