1、模組化：模組化開發是從**邏輯角度來劃分的。
2、元件化：是從ui介面角度來劃分的。
>
<
!-- 使用標籤形式引入元件 --
>
<
/mycom>
<
/div>
// 建立元件第一種方式
vue.
component
('mycom',)
;// 建立乙個vue例項
var vm =
newvue(,
methods:})
;<
/script>
<
/body>
>
<
!-- 使用標籤形式引入元件 --
>
<
/mycom2>
<
/div>
<
!-- 第二種建立元件的方式 --
>
"tmpl"
>
第二種建立元件的方式<
/h1>
h2標籤<
/h2>
<
/div>
<
/template>
vue.
component
('mycom2',)
;// 建立乙個vue例項
var vm =
newvue(,
methods:})
;<
/script>
<
/body>
>
<
/login>
<
/div>
>
<
/login>
<
/div>
"temp"
>
login私有元件<
/h1>
<
/div>
<
/template>
// 建立乙個vue例項
var vm =
newvue(,
methods:
, components:}}
);var vm2 =
newvue(,
methods:,}
);<
/script>
<
/body>
Vue元件化開發
前言 1 全域性元件註冊語法 vue.comonent 元件名稱，2 元件的用法 3 元件註冊注意事項 4 元件的命名方式 vue.component my component vue.component mycomponent 5 區域性元件註冊 var componenta var compon...
Vue元件化開發
1.建立元件構造器 2.註冊元件 3.使用元件 cpn div 1.建立元件構造器物件 const cpnc vue.extend 2.註冊元件 標籤名，元件構造器 vue.component cpn cpnc newvue script 各步驟的含義 1.vue.extend 2.vue.comp...
VUE元件化開發
vue.component 元件名稱，1 建立元件構造器 const cpnc vue.extend 2 註冊元件 全域性元件 vue.component my cpn cpnc 3 使用元件 區域性元件 components 註冊的語法糖 1.註冊全域性元件 vue.component cpn1 ...