首页 前端知识 关于Html使用CDN引入ElementUI-Plus与Vue3(组合式)不生效解决方法

关于Html使用CDN引入ElementUI-Plus与Vue3(组合式)不生效解决方法

2024-08-21 10:08:55 前端知识 前端哥 385 911 我要收藏

关于Html使用CDN引入ElementUI-Plus与Vue3(组合式)不生效解决方法

新版的需要挂载一下

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title></title>

  <link href="https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.12/index.min.css" rel="stylesheet">
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.3.4/vue.global.prod.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.12/index.full.js"></script>
</head>

<body>

  <div id="app">
    <el-button>{{message}}</el-button>
  </div>

</body>
<script>
  const { createApp, ref } = Vue
  createApp({
    setup () {
      const message = ref('Hello vue!')
      return {
        message,
      }
    }
  }).use(ElementPlus).mount('#app')
</script>

</html>

需要.use(ElementPlus)

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16282.html
标签
评论
发布的文章

在线OJ项目

2024-08-27 21:08:43

JSON2YOLO 项目教程

2024-08-27 21:08:42

Redis 实现哨兵模式

2024-08-27 21:08:22

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!