本文介绍了如何在HTML页面中引入Vue.js库和ElementUI组件，包括本地和在线引入方式，以及一个简单的Vue实例和ElementUI按钮点击事件的使用示例。
一、在页面中引入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>
5970
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
