Vue Router 路由

配置

配置 Route

import路径为相对于当前文件的路径。

const routes = [
    {
        path: "/path",
        component: () => import("path-to-page.vue")
    },
    // ...
]

使用 @ 指定根目录

要在import路径中使用@符号来代表指定的根目录，需要进行配置。

在 vite.config.js 中，添加resolve属性。

Vue3 基础

响应式

监听数据改动并自动更新。

使用ref()和reactive()包装值，生成Proxy代理，劫持对象的调用和操作。
get时，将自身添加为被依赖值，进行依赖收集。（effect中会设置当前执行的函数）
set时，触发更新，重新调用依赖自身的函数。

绑定属性

• 全写：v-bind:name="xxx"
• 简写：:name="xxx"

绑定事件

• 全写：v-on:event="xxx"

• 简写：@event="xxx"

  阅读剩余部分