#vue使用cdn引入vue和element-ui
// 1加叁、在index.html文件寫入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>vue-cdn</title>
<link rel="stylesheet" >
</head>
<body>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
// 2暇屋、 在main.js注釋導入的vue和element包
// 3、webpack.base.conf.js -> 加上代碼
module.exports = {
context: path.resolve(__dirname, "../"),
entry: {
// app: "./src/main.js"
app: ["babel-polyfill", "./src/main.js"]
},
// 外部引入資源配置
externals: {
vue: "Vue",
"element-ui": "ELEMENT" // element-ui：包名屉来，ELEMENT：全局需要使用的變量名
},
}
# element-ui 關于使用cdn引入方式報錯 ReferenceError: Message is not defined解決方案：
// ELEMENT 全局配置的變量名
ELEMENT.Message({
message: res.data.msg,
type: "error",
duration: 5000
});
