Bootstrap

如何在HTML当中使用vue+element

一、在页面中引入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>

;