摘要：
props用于父组件向子组件传递数据。 子组件只能读取该值，但是不能修改 父组件代码： 子组件使用defineProps来接收数据 阅读全文
posted @ 2024-10-09 15:55
洛飞
阅读(13)
评论(0)
推荐(0)
摘要：
pinia是vue2中的vuex,状态管理，可以实现数据共享 1、先安装 npm install pinia 2、在main.ts中进行创建和载入 3、在src下新建store文件夹 定义存的文件 4、在组件中使用 此时控制台会有具体的值。 5、修改数据的三种方式 ①直接修改 countStore. 阅读全文
posted @ 2024-10-08 22:37
洛飞
阅读(212)
评论(0)
推荐(0)
摘要：
vue3中路由器的工作模式 主要有两种，history和hash模式 history vue2 -> model:history vue3 -> history:createWebHistory() React:BrowserRouter history具有的优点：URL更加美观，不带有#，更接近传 阅读全文
posted @ 2024-10-08 09:38
洛飞
阅读(139)
评论(0)
推荐(0)
摘要：
hooks实现将一个功能的所有数据、方法、生命周期函数放到一块去使用。 我们在src底下定义个Hooks文件夹，将我们要进行模块化的功能设置为use功能名。 例如：我要将点我加一这个功能进行hooks，则使用useSum.ts这个文件定义功能逻辑。 在这个ts里面需要export default 函 阅读全文
posted @ 2024-10-07 19:52
洛飞
阅读(112)
评论(0)
推荐(0)
摘要：
父组件 <template> <person :list="personList" /> </template> 子组件用defineProps 来接收 const props = defineProps({ list: { type:Array, required:true, }, }); con 阅读全文
posted @ 2024-10-07 14:03
洛飞
阅读(13)
评论(0)
推荐(0)
摘要：
watchEffect和watch的对比 都能监听数据的变化，不同的是监听数据的方式不同。 watch要明确指出要监听的数据 watchEffect不用明确指出要监听的数据，函数中用到哪些属性就监听那些属性。 watchEffect(() => { if (person.age > 22) { co 阅读全文
posted @ 2024-10-06 21:32
洛飞
阅读(21)
评论(0)
推荐(0)
摘要：
使用watch时，如果想监视对象的内部属性值。需要使用watch的第三个参数的配置对象，手动开启深度监视。 //使用watch时如果想监视对象内部的属性值，需要使用watch的第三个参数，手动开启深度监视 watch(person, (newValue, oldValue)=>{ console.l 阅读全文
posted @ 2024-10-06 19:38
洛飞
阅读(300)
评论(0)
推荐(0)
摘要：
watch 监听定义的数据发生改变的时候执行什么函数 watch 方法有两个参数 watch(sum，箭头函数) 这个箭头函数里面有两个参数(newValue,oldValue)=> {},如下代码 <template> <!-- watch；监视数据变化 vue3 可以监视一下四种数据类型： re 阅读全文
posted @ 2024-10-06 14:22
洛飞
阅读(83)
评论(0)
推荐(0)
摘要：
computed 的作用就是监测变量是否发生改变。如果变量发生了改变，那么computed定义的方法就会执行。 在vue3中computed新增get 和set方法。分别对应修改和设置值 阅读全文
posted @ 2024-10-06 12:38
洛飞
阅读(95)
评论(0)
推荐(0)
摘要：
可以看链接 https://blog.csdn.net/weixin_46146718/article/details/139269419 阅读全文
posted @ 2024-10-05 11:03
洛飞
阅读(36)
评论(0)
推荐(0)
浙公网安备 33010602011771号