刚学习的话建议从cdn上手了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/vue@next"></script>
<title>Document</title>
</head>
<body>
<div id="app">
<div>姓名:{{name}}</div>
<div>年龄:{{age}}</div>
</div>
<script>
Vue.createApp({
setup(){
let name = '张三';
let age = 17;
return{
name,
age
}
}
}).mount('#app')
</script>
</body>
</html>
打开就可以正常使用了
在Network中可以看到该cdn引入了如下几个文件
可以看到都是按照最新的引入的,所以我们在实际生产环境中建议还是使用指定版本去进行一个版本的更迭,防止因为版本更新所带来的bug影响使用。