Vue 简介与安装

Vue 是一个渐进式 JavaScript 框架，由尤雨溪创建。它最大的特点是"渐进式"：可以只用来渲染一小块页面，也能组织起整个单页应用（SPA）。

相比其他框架，Vue 的学习曲线平缓：模板语法接近 HTML，文档清晰，中文社区活跃。国内中小项目、后台管理系统用得非常多。

安装方式

• CDN：<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>，适合学习
• 官方脚手架：npm create vue@latest，生产项目用
• Vite：npm create vite@latest my-app -- --template vue

第一个 Vue 应用

用 createApp 创建应用，挂载到 DOM 节点，模板里用 {{ }} 输出数据。

代码示例

<div id="app">
    <h1>{{ message }}</h1>
    <p>点击次数：{{ count }}</p>
    <button @click="count++">点我</button>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const { createApp } = Vue;
createApp({
    data() {
        return { message: "你好，Vue！", count: 0 };
    }
}).mount("#app");
</script>