vue2技巧
强啊啊强
这个作者很懒,什么都没留下…
展开
-
vue2中vuex的各项的各种调用方式,部分对比vue3的pinia
..mapMutations('模块名',['mutations方法1','mutations方法2']),...mapActions('模块名',['actions方法名1','actions方法名2'])...mapGetters('模块名',['getters属性1','getters属性2'])...mapState('模块名',['state属性1','state属性2']),上面这两个都是属性,所以不需要加()去调用,后面的才需要()调用,然后调用方式是一样的。这样的方式来关联大仓库和模块。原创 2024-02-19 15:24:57 · 472 阅读 · 0 评论 -
svg之全局组件,配合雪碧图解决vue2的svg优化问题
这里是vue2中的svg的完整解决方案的另一篇。这里这个就是全局的svg组件,代码来自于。原创 2024-02-18 21:43:02 · 720 阅读 · 0 评论 -
前端技巧之svg精灵图svg-sprite-loader
老师没提到上面的部分,然后这里还有我没注意到的细节就是,或许因为这个东西属于是webpack上的,所以在vue.config.js文件中并没有引入这个文件而是直接添加配置项即可。上面的框的意思是不要用默认的svg的方式来解析,下面的框意思是按照我们设置的svg-sprite-loader来将这些图片转成雪碧图。当然,我们想看到效果,可以通过检查浏览器的代码,找到。然后这里要说明的是这个插件是webpack上面的,所以在vue2中比较好用,如果在vue3中,可能解决方案就不是这个插件了。这是老师的图的细节。原创 2024-02-18 21:36:12 · 861 阅读 · 0 评论 -
vue2中watch监听对象的属性的写法
这种写法不再是watch对象然后deep:true这样的写法,直接监听对象属性的写法更加精准,不会有多余的消耗。'对象的属性'(){原创 2024-01-31 13:13:23 · 473 阅读 · 0 评论 -
vue2父子组件通信三种方式
3. :属性.sync this.$emit('update:属性',参数)父传子 子传父。原创 2024-01-31 13:10:52 · 559 阅读 · 0 评论