Vue中的 vue檔案的使用

需要安裝vue-loader

npm i vue-loader vue-template-complier -d

然後在配置檔案中新增匹配規則

>

template
>
>
//這裡定義js
//在這裡匯入檔案
import vue from
'vue'
export
default},
methods:
}script
>
>
style
>

import 元件名稱 from

'.vue檔案的路徑'

var vm=

newvue(}
)

render:c=>

c(元件名稱)

更加方便vue的元件化開發

vue 引用src中的檔案 VUE中引用路徑的配置

在vue專案開發中經常引用js css img檔案。當專案較大時檔案層級很多，導致路徑很長，我們可以通過在bulid webpack.base.conf.js 設定簡便的引用路徑 一 引用assets目錄下的檔案 舉例 1 在src components content content.vue 中引...

Vue中splice的使用

index 陣列開始下標 len 替換 刪除的長度 item 替換的值，刪除操作的話 item為空 刪除起始下標為1，長度為1的乙個值 len設定1，如果為0，則陣列不變 var arr a b c d arr.splice 1,1 console.log arr a c d 刪除起始下標為1，長度...

Vue中插槽的使用。

寫在前面 vue中插槽的使用讓元件變得更加靈活。使得封裝乙個元件的復用性和api的暴露更加靈活多變。當元件當做標籤使用的時候，在標籤裡面的元素不會顯示，這個時候就需要用到插槽。一 最基本的使用 當元件當做標籤使用的時候，在元件標籤內部的標籤往往不顯示，這個時候就需要用到插槽。寫在元件標籤內部的標籤需...