<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>test</title>
<!-- 在线引入vue3 -->
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
<!-- id 绑定应用范围 -->
<div id="app">
{{test}}
</div>
</body>
<script>
//使用 vue3 的基本格式
const {createApp , ref } = Vue
const app = createApp({
// 逻辑代码全部写在setup里面
// 因为没有语法糖，无论是定义的"变量"或者"函数"都必须！
// 把名称再多写一次！放在在最后return里面
setup(){
//测试变量
const test = ref("2023")
//测试函数
const fun_test = () => {
console.log("test");
}
//h5页面必须把名称return，vite中不需要（重要区别）
return {
test,
fun_test
}
}
})
//应用vue（就是挂载在上面ID绑定的元素上）
app.mount("#app")
</script>
</html>全网最简洁，拒绝废话，之前我搜索教程的时候得到的答案太繁琐了，做蛋炒饭还把铁锅的铸造过程写出来，真的很难为我们这种新人，从一堆JS代码中找基本逻辑就算了，额，为什么h5中介绍使用vue3，要插几十行css代码，希望幸运儿能看到这篇教程，少浪费点时间。
5054
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
