创建第一个 Vue 应用
体验 Vue 有两条路：CDN 方式（一个 script 标签引入，适合学习和小 demo）和 Vite 工程（正式项目的标准方式，下一章细讲）。初学推荐先用 CDN 把概念跑通，再切到工程化。
最小应用三步走：准备一个挂载点 <div id="app">；用 createApp({...}) 定义应用；.mount('#app') 挂载。应用内部用 ref() 声明响应式数据，通过 return 暴露给模板使用。模板里的 {{ }} 双大括号就是插值，渲染的是数据当前的值。
一个易错点：ref() 创建的数据在 JS 里要用 .value 读写，在模板里则自动解包直接写 {{ count }}。很多人第一次遇到「改了没生效」就是因为在 JS 里忘了 .value。
本节要点createApp + mount 两步创建应用；ref 声明响应式数据；插值 {{ }} 渲染数据；ref 在 JS 里要 .value，模板里自动解包。
代码
<!-- CDN 方式：保存为 html 双击即可运行 -->
<div id="app">
<h1>你好，{{ name }}</h1>
<p>点击了 {{ count }} 次</p>
<button @click="count++">点我</button>
</div>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const { createApp, ref } = Vue;
createApp({
setup() {
const name = ref('Vue 3'); // 响应式数据
const count = ref(0);
return { name, count }; // 暴露给模板使用
},
}).mount('#app'); // 挂载到 #app
// 注意：JS 里读写 ref 要用 .value
// count.value++；模板里则直接 {{ count }}
</script>
