vue不用腳手架封裝元件的方法

2021-10-03 08:44:19 字數 568 閱讀 3293

第一中:

建立乙個vue例項			

data: {},

method: {},

});//開始封裝乙個公共的元件

vue.component('mycom2', )

第二種封裝乙個私有的元件

var sy = new vue(,

method: {},

components:

}})

元件裡封裝 data 和方法

元件中的 data 有點不一樣,例項中的 data 可以是乙個物件 但是元件中的 data 必須是乙個 方法 function 還必須在 function 方法中 return 返回乙個物件

//封裝元件

點我加1

data: {},

methods: {}

})//封裝的元件

vue.component('mycom1',

},methods:}})

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm r...

vue 腳手架報錯

為以後有問題再來學習,簡介 vue.js是前端乙個比較火的mvvm框架,是一套構建使用者介面的漸進式框架。vue 只關注檢視層,採用自底向上增量開發的設計。vue 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件 安裝方式 第一種 使用npm,比較適合比較大型的應用,由於npm是...

Vue腳手架搭建

sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...