JavaScript 学习手册

Vue.js 是一个渐进式 JavaScript 框架，用于构建用户界面。 **核心概念：** - **声明式渲染** – 使用模板语法描述 UI - **响应式数据** – 数据变化自动更新视图 - **组件** – 可复用的 Vue 实例 - **指令** – `v-bind`, `v-model`, `v-for`, `v-if` 等 **基本使用：** ```html

{{ message }}

反转 const app = Vue.createApp({ data() { return { message: 'Hello Vue!' } }, methods: { reverseMessage() { this.message = this.message.split('').reverse().join(''); } } }); app.mount('#app'); ``` **组件定义：** ```javascript app.component('my-component', { props: ['title'], template: `{{ title }}` }); ``` **Vue 3 组合式 API：** ```javascript import { ref, computed } from 'vue'; export default { setup() { const count = ref(0); const doubled = computed(() => count.value * 2); return { count, doubled }; } }; ```