Vue建立元件的三種方式

1.1 使用vue.extend來建立元件模板物件

var com1 = vue.extend()

vue.component('元件的名稱',建立出來的元件模板物件) 

注意：使用vue.component 定義全域性元件的時候，如果元件名稱使用了駝峰命名，則在引用元件的時候，需要把大寫的駝峰改為小寫的字母，同時，兩個單詞之間，使用 - 連線；如果不使用駝峰，則直接拿名稱來使用即可。

vue.component('mycom1',com1)

如果要使用元件，直接把元件的名稱，以html標籤的形式引入即可

vue.component('mycom1', vue.extend())

注意：template屬性指向的模板內容，必須只能有唯一的乙個根元素。

vue.component('mycom2',)

完整**：

3.1 建立元件

這裡的 #tmp1就是模板的id

vue.component('mycom3',)

使用 template 標籤，建立模板，模板要放在被 vue 物件控制的 div元素的外面，這裡模板的 id 和建立元件時的對應。

好用，不錯

完整**：

好用，不錯

Vue建立元件的三種方式

div id mycom1 mycom1 div script 使用 vue.extend 來建立全域性的vue元件 var com1 vue.extend 使用 vue.component 元件的名稱 建立出來的元件模板物件 mycom1 com1 如果使用 vue.component 定義全域性...

RN建立元件的三種方式

rn建立元件的三種方式 1.es6 推薦,比較新的語法 2.es5 3.函式式 建立hellocomponent.js 方式1 es6 export default class hellocomponent extends component 在主頁面中引用這個元件 執行效果 方式2 es5 var...

React建立元件的三種方式

react常見的三種元件建立方式，具體如下 函式式定義的無狀態元件 es5原生方式react.createclass定義的元件 es6形式的extends react.component定義的元件 下面我們簡單說一下，這三種方式的用法 適用場合以及區別 import react,from react...