Loading...
前言在上一篇文章vue2 响应式之Object.defineProperty中,我们知道了vue2是通过Object.defineProperty这个API来实现响应式的。 那么, 为什么vue3要使用proxy来替代Object.defineProperty? 就像上一篇中讲到的,vue2.x基于Object.defineProperty的实现,存在很多缺点:一次性递归计算量大、无法新增/...
1.前言 在日常的开发中,在data中定义的数据,可以在template中用{{}}在视图中显示,如下图所示 我们加个按钮,在test后面追加“--test”,看看页面是否会改变2.Object.defineProperty 从上面可以看出,通过修改data中的数据来改变页面渲染的内容,那vue中内部是怎样实现这种相应式的功能的呢? 在这之前,我们先来看一下O...
前言最近在学慕课网Dell老师的Webpack4.0的课程,当学到热模块更新的时候发现无论怎么更新代码,页面都不会自动刷新。原因对比webpack版本之后,发现自己安装的是最新的webpack版本,打开控制台发现用于热更新的websocket也没有创建解决方法在webpack中配置target: 'web'
最近在vue中用echarts的时候报如下错误: 报错原因:Echarts的图形容器还未生成就对其进行了初始化。 于是在网上搜索了解决该问题的方法。但大多解决办法都是使用ref来代替document.getElementById()获取该图形容器对象。 但是用了之后还是会报错,于是我们转换思路,可以先用ref来判断该容器是否存在,如果存在,之后我们再用documen...
<i-button on-click={this.handleClick.bind(this, "aaa")} > 编辑 </i-button>或者<i-button on-click={() => this.handleClick("aaa")} > ...