元件的定義及復用性 區域性元件

<

!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
lesson 14
<
/title>
"">
<
/script>
<
/head>
"root"
>
<
/div>
<
/body>
//元件的定義
//元件具備復用性
//全域性元件，只要定義了，處處可以使用，效能不高，但是使用起來簡單
//區域性元件，定義了，要註冊以後才能使用，效能比較高，使用起來有些麻煩，建議大寫字母開頭，駝峰命名
//區域性元件使用時，要做乙個名字和元件間的對映物件，你不寫對映，vue 底層也會嘗試幫對映
const counter =},
template:`}`
};const helloworld =(,
template:
`            `
});component
('demo',}
,        template:`}`
});mount
('#root');
<
/script>
<
/html>

元件化開發之定義區域性元件

1.元件是什麼？有什麼用 擴充套件 html 元素，封裝可重用的 目的是復用 例如 有乙個輪播，可以在很多頁面中使用，乙個輪播有js，css，html 元件把js，css，html放到一起，有邏輯，有樣式，有html 2.區域性元件的定義和使用 doctype html html lang en h...

元件的復用

你可以將元件進行任意次數的復用 注意當點選按鈕時，每個元件都會各自獨立維護它的count。因為你每用一次元件，就會有乙個它的新例項被建立。data必須是乙個函式當我們定義這個元件時，你可能會發現它的data並不是像這樣直接提供乙個物件 data 取而代之的是，乙個元件的data選項必須是乙個函式，因...

vue的全域性元件與區域性元件

使用範圍 全域性元件使用範圍 可以在頁面中任何位置使用 前提是div的id跟vue例項繫結過 區域性元件使用範圍 只能在定義它的el中使用，不能再其他位置使用，否則就無法生效 定義元件的方法 全域性元件 可以使用vue.component tagname,options 定義全域性元件 區域性元件 ...