创建应用与挂载
一个 Vue 应用的启动只需两步：准备一份配置对象（数据、方法），用 createApp(配置).mount(选择器) 挂载到页面上的某个元素。挂载点及其内部就归 Vue 接管，模板里的指令、插值都会被解析。
配置对象中 data() 返回响应式数据，methods 定义方法，computed 放计算属性。data 返回的每个属性都会被 Proxy 包装成响应式的，对它们赋值即触发视图更新。
- createApp(配置) 创建应用，.mount(el) 挂载到 DOM
- data() 返回的数据自动成为响应式，改它即刷新视图
- 模板里没写内容的元素不会被 Vue 解析（挂载点外仍是普通 HTML）
HTML
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>创建应用与挂载</title> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div id="app"> <p>姓名：{{ user.name }}，年龄：{{ user.age }}</p> <button @click="grow">长大一岁</button> </div> <script> const { createApp } = Vue; createApp({ data() { return { user: { name: '小明', age: 18 } }; }, methods: { grow() { this.user.age++; } } }).mount('#app'); // 挂载：#app 内部归 Vue 管 </script> </body> </html>
本节要点createApp(配置).mount(挂载点) 是启动应用的固定两步；data 的数据自动响应式。
