VUE 建立元件並且引用

2021-09-25 21:37:48 字數 630 閱讀 2775

本文以 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...