vue3
想想就很棒
这个作者很懒,什么都没留下…
展开
-
总结了Vue3的七种组件通信方式,别再说不会组件通信了
写在前面本篇文章是全部采用的 本篇文章将介绍如下七种组件通信方式:propsemitv-modelrefsprovide/injecteventBusvuex/pinia(状态管理工具)举一个例子本篇文章将围绕下面这个demo,如下图所示:上图中,_列表_和_输入框_分别是父子组件,根据不同传值方式,可能谁是父组件谁是子组件会有所调整。Props方式Props方式是Vue中最常见的一种父传子的一种方式,使用也比较简单。根据上面的demo,我们将数据以及对数据的操作定义在原创 2022-02-21 12:19:42 · 729 阅读 · 0 评论 -
解决axios在ie浏览器下提示promise未定义
在做项目的时候发现在ie11上出现不兼容的问题,对于和后台交互这块页面都报错,f12开发者工具模式下提示Promise未定义。为了解决这个问题,网上查了很多,经过多番尝试,发现了一个解决方法。首先安装cnpm install -g es6-promise --save-dev然后在main.js里面引入import promise from 'es6-promise';promise.polyfill();但是引入之后重新npm run dev 发现报错,提示 webpack不是内部命令的错误,然原创 2021-12-24 11:59:19 · 928 阅读 · 0 评论 -
vue3 如何定义全局变量
在vue2中,我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量,然后通过this.$xxx来获取全局变量。但是在vue3中,这种方法显然不行了。因为vue3中在setup里面我们是无法获取到this的,因此按照官方文档我们使用下面方法来定义全局变量:首先在main.js里写一个我们要定义的全局变量,比如一个系统id吧app.config.globalProperties.$systemId = "10"现在在页面里需要使用这个变量,只需要从vue中引入原创 2021-07-31 18:39:15 · 13732 阅读 · 1 评论 -
vue3.0 子组件调用父组件中的方法
在vue2中,子组件调用父组件,直接使用this.$emit()即可。但是在vue3中,很显然使用this.$emit() 已经开始报错了,为什么会报错呢?原因是:在vue3中setup是在声明周期beforeCreate和created前执行,此时vue对象还未创建,因此我们无法使用this。那么我们在vue3中,子组件该如何调用父组件的函数呢?方法一:首先写一个 Child.vue,重点在 setup 函数中引入 context 形参,配合 emit 使用。定义了两个函数,toFather原创 2021-07-31 18:02:10 · 17412 阅读 · 1 评论