vue
关注
分享
扫一扫
捞起月亮的渔民~
本科学习的是前端开发，目前在读研，后面会分享深度学习相关知识和自己所踩得坑，很开心能和大家一起交流。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
理解vue的数据劫持
上篇讲到vue的数据代理，这篇来讲一下我对数据劫持的理解。 数据劫持的通俗理解就是数据监视，当我们修改vue实例对象中的data属性中的值时，页面中的数据会立马改变，这又是如何检测到的呢？ **数据劫持：**就是vue通过Object.defineProperty对data中的属性添加了set，get方法，并在调用该方法时为该方法添加一些操作来劫持对象属性的操作。 vue监视数据的原理： Vue数据绑定之前，通过observe每个对象的属性，添加到订阅器dep中，当数据发生变化的时候发出一个notice，即原创 2022-03-26 15:50:52 · 1589 阅读 · 1 评论 -
理解Vue中的数据代理
首先我们要问一自己一个问题：为什么在控制台中修改了数据，再次获取的时候，又能够获取到我们所修改的值，vue是如何检测到的？ 数据代理理解：当我们把一个普通的 JavaScript 对象传入 Vue 实例，Vue 将遍历此对象中的data对象所有的属性，并使用 Object.defineProperty 为这些属性添加getter/setter方法，以便于我们获取或者设置属性值时vue能够时刻的检测到。 下面为一个普通的对象添加get，set方法代码如下： let age=18;原创 2022-03-26 14:43:06 · 1022 阅读 · 0 评论 -
解决webpack5使用url-loader打包图片不显示问题
最近刚开始学习webpack，真是踩了一路的坑，一切都是因为webpack版本的不同。网上查的一些配置都是webpack4的配置，webpack4配置需要的模块可能到webpack5的时候就已经弃用了。 这里说明一下我用的版本是webpack5.7 webpack5打包图片的基本配置如下： 下图是处理背景图片的基本配置： 【注意】其实在webpack5的官网中url-loader，file-loader已经是弃用了的，如果还要使用这两个废弃了的文件的话，必须加上最后那一句type: ‘javascript原创 2022-03-08 14:13:17 · 3293 阅读 · 4 评论 -
使用VScode快捷键快速生成vue模板
【第一步】 File——>Preferences——>User Snippets(用户代码段) 【第二步】 点击 New Global Snippets file… 按下回车键 【第三步】 在 { }中添加如下代码段，以下代码段是vue模板，可根据个人需求继续添加。（prefix 为快速生成的快捷键名称，可根据自己的修改） "vue_learn_template":{ /* 快速生成快捷键 */ "prefix": "V", "body": [原创 2022-03-03 16:17:48 · 4863 阅读 · 0 评论 -
购物车案例（基于vue的组件化开发）
结果如下图所示： 源码如下（可直接复制使用）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2022-02-27 11:30:52 · 938 阅读 · 7 评论