- 博客(70)
- 收藏
- 关注
RSS订阅原创 vue3学习——通信方式props、自定义事件、全局事件总线、v-model、useAttrs、ref与$parent、Provide与inject
<button @click="handler">点我触发自定义事件</button>
2024-03-05 15:56:22
635
原创 Vue3学习——pinia
观察工具pinia是批量变更是一次，所以批量变更推荐使用$patch。用于解构store里的数据（不会对方法进行包裹，只对数据ref）此时浏览器的vuetool中就会有个菠萝🍍的图标。getter的数据也可解构拿到。
2024-02-28 11:33:38
1768
原创 Vue3学习——路由prop配置、replace
在路由中可直接写prop: true，即可在页面中defineProps使用。在vue2中重复跳转会报错，但vue3不会报错。params不能与path搭配使用。
2024-02-27 14:21:39
835
原创 Vue3学习——hooks
什么是hook？——本质是一个函数把setup函数中使用的Composition API进行封装。类似于Vue2.x中的minx自定义hook的优势：复用代码，让setup中的逻辑更清楚容易。// hook/xxx.ts中...// 组件中使用setup() {return {dodovue页面dodo() // 引入并使用方法。
2024-02-21 09:18:50
562
原创 Vue3学习——computed、watch、watchEffect
监视ref定义的对象，改变某一个属性时，newValue和oldValue是同一个值;若改变整个对象newValue和oldValue不一样;console.log('sum变化了', newValue, oldValue)情况二：监视多个ref定义的响应式数据(写成数组格式)console.log('sum或msg变化了', newValue, oldValue)})情况三：监视reactive定义的响应式数据,deep默认开启，且关不掉。
2024-02-19 15:35:47
872
原创 Vue3学习——响应式原理
Reflect：在vue2中同一属性修改两次会报错，而Reflect则不会，按照第一次修改赋值，同时return时也会告诉你是否成功当前操作。Proxy：相当于拦截每一个属性，去对属性进行一系列增删改查操作。他还拥有新增、删除属性功能。
2024-02-19 15:24:21
447
原创 vue3学习——集成sass
src/styles/variables.scss // 设置全局变量。src/styles/reset.scss // 清除默认样式。src/styles/index.scss // 公共样式。中测试一下，是否已清除默认样式，全局变量是否生效。
2024-02-04 06:15:36
1976
原创 vue3学习——自定义插件，注册组件（引入vue文件报红线）
引入vue文件报红线：Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations。本目录创建env.d.ts文件。
2024-02-03 16:57:28
1255
原创 vue3学习——svg使用及封装组件，color不生效问题
👆以上少一步，错一步都不会生效。删除svg中的fill属性 <一个一个删好麻烦@_@>复制的svg图标自带fill属性，所以不生效。
2024-02-03 15:30:33
1485
1
原创 vue3学习——elementPlus安装及国际化
由于国际化引入的是mjs文件，so需要忽略对他的校验，即可打包成功。配置运行命令：package.json。
2024-02-02 09:04:32
1247
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人