07 Vue元件化 建立元件 訪問元件

1、使用webstorm建立乙個vue專案

2、使用命令列載入相關依賴

cnpm install

如上圖所示，webstorm已經在src目錄下生成了乙個 /asserts 靜態資源目錄、乙個 /components 元件目錄、乙個 /router 路由配置目錄；其中 /components/hellowrold.vue 檔案就是乙個vue的元件，執行

npm run dev

4、建立元件

（1）新增乙個元件

複製helloworld.vue檔案，改名為 newslist.vue並開啟編輯裡面的**

import vue from 'vue'

import router from 'vue-router'
import helloworld from '@/components/helloworld'
import newslist from '@/components/newslist'
vue.use(router)
export default new router(,
]})

5、訪問元件

在瀏覽器開啟：http://localhost:8080/#/news_list ，就可以訪問到新增的元件 newslist

vue元件與元件化

元件化是當今最為流行的一種可復用性增加的方法，隨著當今前端開發的複雜度更加，這個元件化變得越來越流行 vue.js通過vue.extend 方法來擴充套件元件的使用 vue.extend options 裡面的options引數和 vue options 的options引數幾乎是一致的 new v...

07 元件對映

假設我們有乙個person實體類，該實體類有id，name，位址資訊 province，city，street 等 而其他的一些類中也會有位址資訊，比如student實體類 customer實體類，這時我們可以把位址資訊單獨抽象出來封裝到乙個address類中，在把address物件作為其他實體類的...

元件化 建立元件工程

使用cocoapods命令直接建立工程 1 命令 pod lib create yhtestone 2 終端出現多個問題，按專案需要回答 what platform do you want to use?ios macos 選擇ios，直接回車預設選擇第乙個 what language do you...