由於是基礎用法，這裡暫時不講在 webpack 裡怎麼寫元件。
vue的元件最大的作用就是偷懶（ ** 一次成型，多次呼叫 ** ）。
本節講解順序：
先給**
看效果講解**
html結構
這裡有6個標籤。很明顯，原生 html 是沒有標籤的。
在 js 裡定義元件，讓標籤活起來。
onload = () => }
這裡是元件的子標籤呢
`, data: function()
},methods:
}});
new vue(
因為使用了同乙個元件，所以功能是完全一樣的。
在 html 結構裡，基本不用管什麼。直接用自己設定好的元件名就行。我這裡設定了乙個 「rabbit」 的元件名。
在 js 中，設定全域性元件，用到的關鍵字是 「component」。
要設定的2個引數。
第乙個是元件名。
第二個是元件的布局和功能。
vue.component( 『 元件名 『 , );裡面放了乙個template，用來設定元件的布局。
需要注意的是，template裡，只能有乙個 主標籤，然後用主標籤包著其他子標籤。
【template】
template: `
}這裡是元件的子標籤呢
`
下面的寫法是錯誤的
template: `
}這裡是元件的子標籤呢
`,
在vue裡的template就只有這個限制（乙個元件有且只有乙個 根元素）。還是很好接受的。
【data】
在 component 裡的 data 和普通 vue 例項裡的 data 稍微有點不同。
data: function()
},
【methods】
methods 的用法，平時怎麼用，在 component 裡就怎麼用。
methods:
}
new vue()Vue全域性元件的開發
把一些使用頻率較高的元件封裝為全域性元件，防止頻繁引入。例如 element中的各個元件 實現方法，通過借助webpack的require.context 方法來封裝自己常用的全域性元件，開發步驟如下 第一步，封裝importall.js importall.js檔案 import vue from...
vue全域性元件的引入
參考 在index.js內匯出元件 可以同時註冊多個元件 如下 import qrcode from components layout qrcode.vue const components 判斷if typeof window undefined window.vue export defaul...
vue的全域性元件與區域性元件
使用範圍 全域性元件使用範圍 可以在頁面中任何位置使用 前提是div的id跟vue例項繫結過 區域性元件使用範圍 只能在定義它的el中使用，不能再其他位置使用，否則就無法生效 定義元件的方法 全域性元件 可以使用vue.component tagname,options 定義全域性元件 區域性元件 ...