![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3学习记录
Vue3快速入门笔记
躺平阿福
这个作者很懒,什么都没留下…
展开
-
Vue-router中使用pinia,const xxxStore = usexxxStore()报错
Uncaught Error: [🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.This will fail in production.原创 2024-02-18 16:06:02 · 509 阅读 · 0 评论 -
Vite+Vue3使用Vue-i18n笔记
vite+Vue3接入Vue-i18n国际化的步骤以及常用的方式,如模块化,如何在setup中使用vue-i18n的翻译器$t原创 2024-01-25 16:22:12 · 2368 阅读 · 0 评论 -
Vue3 hook用于修改当前界面的title属性
封装的这个hook可以用来修改当前页面路由的title属性,当然你要改当前的SEO,keywords或者说明也是可以拓展的。原创 2023-12-22 16:24:28 · 565 阅读 · 0 评论 -
Vue3中图片资源链接的方式 new URL
Vue3 中动态绑定资源路径的声明方式,避免打包时访问不了资源路径原创 2023-12-22 11:19:36 · 704 阅读 · 0 评论 -
Vue3自定义动画指令的封装&注册&使用
看渡一短视频袁老师封装的Vue指令使用记录,Vue自定义动画指令,进入可视范围后执行动画原创 2023-12-07 09:21:11 · 446 阅读 · 1 评论 -
Vue3中高级侦听器watchEffect的使用
默认情况下,高级监听器会自动执行一次监听的函数体,但首次不会触发这个函数本段代码的输出如下更改msg属性我们可以看到num是没有改变的。触发侦听的是msg属性的改变。并且函数的执行顺序优先于其他同步语句,哪怕被写在最下面。最后当我们点击停止监听时调用返回的stop函数时,会再次执行一次函数但不会触发其余代码的执行。同时后续如果继续更新方法中侦听到的值,所有的语句也不会再触发。原创 2023-11-07 17:54:42 · 118 阅读 · 0 评论 -
Vue3侦听器watch的使用
reactive如果是整个对象进行监听同ref一样直接写入数组即可。需要开启深度监听,对于ref声明的响应式数据默认浅层监听。需要通过()=>obj.key的形式返回监听的具体属性。以数组的形式传递需要监听的数据,ref直接写入数组。newVal和oldVal都是新的Value。newVal和oldVal都是新的Value。reactive中的一个属性需要以函数返回。默认深层次监听,内层更改直接出发。原创 2023-11-07 16:06:41 · 53 阅读 · 0 评论 -
Vue3插槽的基本使用之匿名插槽、具名插槽、作用域插槽、动态插槽
无论是具名还是匿名皆可使用,用于将子组件中的特定数据暴露给父组件进行操作。可以将子组件中给user插槽上绑定的data属性在父组件中解构出来。的方式绑定属性暴露给父组件,并且可以暴露多个。这个来找到子组件中的匿名插槽进行解构数据。标签绑定name属性可以指定插槽的名字。可以将内容绑定到子组件插槽名字为。在父组件中通过给 标签加上。如果是匿名插槽则需要使用。原创 2023-11-07 14:50:41 · 193 阅读 · 0 评论 -
Vue3异步组件的基本使用
vue3异步组件setup语法糖模式下的基本使用原创 2023-11-07 14:02:30 · 114 阅读 · 0 评论 -
Vue3引入组件报错搞了声明文件之后还是报错:找不到模块“./views/xxx”或其相应的类型声明
在这里引入的时候一直报错,上网搜索之后说需要加上声明文件xxx.d.ts,有说放根目录也有说放src目录。但是我试了一下都没有效果报错依旧。最后补充完整的目录报错消失。原创 2023-11-07 10:47:55 · 459 阅读 · 0 评论 -
Vue3动态组件component的基本使用以及注意事项
首先看一下官方的定义这是一个类似于组件的“元组件”,渲染的内容由is接收到的参数进行决定的。原创 2023-11-07 11:17:20 · 1795 阅读 · 0 评论 -
Vue3语法之ref&reactive
vue3文档中中响应式ref reactive的语法以及注意点原创 2023-11-05 14:19:42 · 86 阅读 · 0 评论