摘要：
一、安装 npm i vue-router 二、创建 1、新建 src/router/index.ts index.ts import {createRouter, createWebHashHistory} from 'vue-router' // 配置路由 const router = crea 阅读全文
posted @ 2025-03-15 17:16
市丸银
阅读(43)
评论(0)
推荐(0)
摘要：
作用：功能分开 1、创建 src/hooks/useSum.ts 2、uesSum.ts文件 import { onMounted, ref } from 'vue'; // 属性、方法写在一个函数里 export default ()=>{ let num = ref(0) function ad 阅读全文
posted @ 2025-03-15 16:40
市丸银
阅读(26)
评论(0)
推荐(0)
摘要：
父传子 父组件 <template> <Person :age="age" /> </template> <script lang="ts" setup name="App"> import { ref } from 'vue'; import Person from './components/P 阅读全文
posted @ 2025-03-15 15:50
市丸银
阅读(12)
评论(0)
推荐(0)
摘要：
使用 <div ref="test"></div> import {ref} ... let test=ref() 子组件传值 父组件 子组件 <template> </template> <script lang="ts" setup name="Person"> import { reactiv 阅读全文
posted @ 2025-03-15 14:55
市丸银
阅读(8)
评论(0)
推荐(0)
摘要：
一、原理 recative对象结构赋值 p = recative({k:v, a:b}) // p.v 和 p.a是响应式数据 let {k, a} = p // 相当于 let k = p.k let a =p.a， k和a不是响应式数据 二、解决方案 p = recative({k:v, a:b 阅读全文
posted @ 2025-03-15 13:31
市丸银
阅读(56)
评论(0)
推荐(0)
摘要：
1、问题 reactive重新分配对象，即赋值，数据失去响应式 2、举例 let a=reactive({xxx}) a = {新值} a变成非响应式数据 3、解决 let a = reactive({xx}) Object.assign(a, {新值}) a还是响应式数据 阅读全文
posted @ 2025-03-15 13:12
市丸银
阅读(59)
评论(0)
推荐(0)
摘要：
勾选 阅读全文
posted @ 2025-03-15 12:57
市丸银
阅读(30)
评论(0)
推荐(0)
摘要：
一、语法糖 <script lang="ts" setup> </script> 优点：不用写return 缺点：组件名称冗余或无法命名 二、解决方案 1、安装 npm i vite-plugin-vue-setup-extend 2、配置 vite.config.ts import VueSetu 阅读全文
posted @ 2025-03-15 11:43
市丸银
阅读(27)
评论(0)
推荐(0)
摘要：
1、版本管理(nvm) #显示可下载的列表 nvm list available # 下载 指定版本号 nvm install 版本号 # 查看 已安装版本 nvm list # 切换版本 nvm use 版本号 2、创建命令 npm create vue@latest 阅读全文
posted @ 2025-03-15 10:57
市丸银
阅读(14)
评论(0)
推荐(0)
浙公网安备 33010602011771号