vue 3 CDN 模版代码

最新推荐文章于 2024-06-02 10:00:33 发布

xiaofei0627

最新推荐文章于 2024-06-02 10:00:33 发布

阅读量500

点赞数 6

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_39953537/article/details/135914118

版权

vue 专栏收录该内容

40 篇文章 6 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
      <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css" />
    <!-- 导入vue3 -->
    <script src="https://unpkg.com/vue@3"></script>
    <!-- 导入element-plus -->
    <script src="https://unpkg.com/element-plus"></script>
  </head>
  <body>
    <div id="app">
      <el-card>
      ***
      </el-card>
    </div>

    <script>
      const { createApp, ref, reactive, watch, computed } = Vue
      const App = {
        setup() {
          const state = reactive({
            status: '1',
            name: ''
          })

          return {
            state
          }
        }
      }
      const app = createApp(App)
      app.use(ElementPlus)
      app.mount('#app')
    </script>
  </body>
</html>