s

直接在html中通过引入vue3方式使用 vue3【用法和 vue2差异挺大】

 

 首先引入 vue3,这里是取一个别名方便后续引入

 

复制代码
<body>
<div id="app"></div>
</body>
<script type="module">
import * as vue from 'vue'
Object.assign(window, vue);// 将vue对象绑定到window对象;
 const vue3Composition = {
      setup() {
         const { onMounted, onUnmounted, nextTick } = vue
const test = ref();
        const func = () => {}
        return {test, func}
     }
}
const app = createApp(vue3Composition ).mount('#app')
</script>            
复制代码

 

本文作者:CV攻城狮中的一员

本文链接:https://www.cnblogs.com/Hijacku/p/16249592.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   努力不搬砖的iori  阅读(3623)  评论(0编辑  收藏  举报
历史上的今天:
2021-05-09 webpack使用4-HRM热替换&SourceMap&解析es语法
2021-05-09 webpack使用3-plugin插件的使用
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.