呃……重新撿起前面用vue-cli快速生成的專案。
之前是做過乙個多頁面的改造，以及引入vux的ui元件，這次在這個專案的基礎上，再來聊聊vue中的component。
別問我為啥總是寫關於vue的部落格，都是為了生計（………………）
這是官方的文件位址（什麼是元件？），關於元件寫了一大堆，一看就知道這個很有用啦。
關於一些元件的概念之類的就不一一介紹了，官方文件說的很詳細。
一 拿出之前的專案
二 在這種需求下 ，自然就要使用我們的元件了，在index.js中新增如下**。
vue.component('header-item', } `
})// props用來傳遞資料
//template 乙個html結構的模板
需要注意的是：因為在之前專案是用了vue路由，backurl這個引數是個可以配置的路由，在實際專案中可以按照自己的需求去配置。
三 在另外兩個demo頁面新增**
demo1.vue中新增如下**
demo2.vue中新增如下** 四 最後執行開啟網頁可以看到
繼續甩上之前的專案的github位址
vue 公用頁面引用 vue引入公共元件及js
一 引入全域性js 1.commonfunctions檔案中新建common.js裡面寫上想全域性呼叫的方法 2.main.js中importcommon from commonfunctions common.js 引入檔案 vue.prototype.common common 掛載到原形上 3...
Vue框架 頁面元件中使用小組件
小組件在components資料夾中，頁面元件在views資料夾中 一 先寫小組件的vue,比如text.vue 在template設定模板渲染，style設定樣式 tttt 二 頁面元件 home.vue 中使用小組件需要這幾步 1.先導入小組件 import t from components ...
html頁面引入vue元件
html頁面引入vue元件需要在頁面引入http vue loader.js 注意 要檢視頁面引入vue元件的效果不能直接在本地開啟index.html，會有跨域問題，可以在本地配置乙個nginx 再用瀏覽器訪問http localhost port index.html 1.建立my compon...