本文以 choosingcity.vue 元件為示例
1.建立元件
如圖,在common 中建立了choosingcity.vue 元件
2.在router 資料夾下的index.js 配置該元件
import choosingcity from '@/components/common/choosingcity'
vue.use(router)
export default new router(,
]})
3. 引用元件,在home.vue 中的 script 匯入元件,並且在components中宣告
import choosingcity from './common/choosingcity';
export default ;
},components:,
}
在home.vue 中的 template 裡面的div 裡面新增自定義的公共 choosingcity 元件
Vue元件並且傳遞詳解
了解vue,先看看八個鉤子函式 div var vm newvue beforecreate created beforemount mounted 3000 beforeupdate updated beforedestroy destroyed 全域性元件 定義乙個全域性元件 vue.compo...
vue怎麼自己建立元件並引用 vue專案中引入元件
最近在重構乙個vue專案,恨自己當初第一次學的時候沒有寫部落格。現在翻以前自己做的紙質版筆記,不能看,太混亂。所以趁這個時間總結一下。vue是元件化的開發。乙個頁面中,是乙個元件,他也是由多個元件構成的。第乙個問題,專案中怎麼引入頁面?使用v cli自動搭建腳手架,他已經給我們配好了路由,還做好了乙...
Vue父子元件建立
1.首先搭建vue cli簡易腳手架 搭建步驟 2.在src目錄下新建component資料夾 3.在component下新建父元件頁面user.vue,在component下新建子元件頁面main.vue 4.mian.vue頁面中 如下 注意 template下方只能有乙個根元素 我是子元件 m...