一、在页面中引入vue.js 文件
在页面中引入vue.js 文件,可以本地引入也可以在线引入
vue.js的代码https://cdn.jsdelivr.net/npm/vue/dist/vue.js
二、在页面中引入element
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
三、简单的使用
<body>
<div id="app">
<el-button @click="method_1">点我一下</el-button>
</div>
<script>
new Vue({
el: "#app",
methods: {
method_1() {
console.log("这是一个消息盒子方法");
this.$message({
message: "这是一个成功方法",
type: "success",
});
},
},
});
</script>
</body>