一切福田,不離方寸,從心而覓,感無不通。

Category Archives: Vue

彻底搞懂Vue中的Mixin混入(保姆级教程)

官方解释:
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
官方的解释通常都是晦涩难懂的,因为要专业和准确嘛!
我们可以用我们自己容易理解的话来说说Vue中的Mixin是什么。

民间解释:
将组件的公共逻辑或者配置提取出来,哪个组件需要用到时,直接将提取的这部分混入到组件内部即可。这样既可以减少代码冗余度,也可以让后期维护起来更加容易。
这里需要注意的是:提取的是逻辑或配置,而不是HTML代码和CSS代码。其实大家也可以换一种想法,mixin就是组件中的组件,Vue组件化让我们的代码复用性更高,那么组件与组件之间还有重复部分,我们使用Mixin在抽离一遍。

龙生   23 May 2024
View Details

Vue中的scoped及穿透方法

外层 >>> 第三方组件 {
样式
}

龙生   03 Dec 2022
View Details

vue安装scss

npm i sass-loader@7.3.1 -D
npm i node-sass@4.14.1 -D

龙生   03 Dec 2022
View Details

vue埋点 记录页面停留时间

vue记录使用日志 页面停留时间

  from:https://blog.csdn.net/Beloved_Jodie/article/details/120924875

龙生   16 Aug 2022
View Details

Vue生命周期解析及相应事件

首先我们来结合Vue官方提供的图看一下Vue生命周期到底发生了些啥 beforeCreate    data和methods未初始化(loading事件) created(已创建) data、methods初始化完成,如果调用数据或方法最早只能在created中操作 此时拿不到DOM元素 (后台数据请求和耗时操作) beforeMount    vue模板已经在内存中渲染好了,但还没有挂载到页面中,此时页面还是旧的 (render 被初次调用用于生成虚拟dom) mounted(已安装) 页面和内存的数据已经同步, 只要执行完mounted,就表示整个Vue实例已经初始化完毕。 (dom树已渲染到页面,最早可以在mounted中操作DOM) beforeUpdate   页面中显示的数据是旧的,data的数据已经是最新的,页面显示未和数据同步。 (data的数据发生改变会执行这个钩子) update(已更新)  更新DOM完成,页面数据更新 (执行依赖于 DOM 的操作。每次进行数据更新时updated都会执行) beforeDestroy 实例数据还都是可用状态 (确认删除XX吗?) Destroyed    组件已经销毁不可用 (执行一些优化操作,清空定时器。)   from:https://blog.csdn.net/qq_42504266/article/details/121881711

龙生   16 Aug 2022
View Details

vue 一直运行 /sockjs-node/info?t=解决办法

sockjs-node介绍 sockjs-node 是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端:sockjs-node(https://github.com/sockjs/sockjs-node) 客户端:sockjs-client(https://github.com/sockjs/sockjs-client) 开发时,如果变更网络环境(如切换wifi导致开发服务器的IP地址更换),服务器不知道如何确定访问源,就有可能造成上述情况 报错解决 方法一:(推荐)在项目根目录找到/package-lock.json文件,修改如下: 方法二: 项目根目录,找到/node_modules/sockjs-client/dist/sockjs.js 找到代码的 1605行,注视掉xhr请求

  参考:https://blog.csdn.net/Simon9124/article/details/105581492?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase   from:https://blog.csdn.net/xingchen678/article/details/122429686

龙生   07 Jun 2022
View Details

axios请求时使用 application/x-www-form-urlencoded

axios 会默认序列化 JavaScript 对象为 JSON。 如果想使用 application/x-www-form-urlencoded 格式,你可以使用下面的配置。 在浏览器环境,你可以使用 URLSearchParams API:

  from:https://blog.csdn.net/init_yanxiao/article/details/113845330

龙生   02 Jun 2022
View Details

使用axios请求,前端数字long类型精度问题解决方法

今天开发遇到个问题,服务器后端的Long类型数据,传到前端会出现精度丢失,如:164379764419858435,前端会变成164379764419858430。

在浏览器中做测试可知,这就是一个精度丢失的问题。

前端使用的axios来发起请求的,最开始以为是浏览器的问题,但是通过postman来请求是没问题,打开浏览器开发工具,在xhr下的response响应中也是没问题的,代表是请求成功后数据格式化出问题了,下面讲解下各种解决方案。

龙生   02 Jun 2022
View Details

npm install出现error MSB3428:Could not load the Visual C++ component VCBuild.exe错误

    我们在windows平台上运行npm install安装依赖的时候,会出现需要vcbuild环境,如下截图所示,根据提示解决办法是指定系统安装的vcbuild到环境变量的path中。 解决办法就是通过npm全局安装windows-build-tools模块,还需要加上参数--production。 安装成功的打印信息: 安装过程会下载一个python2.7的环境,最后会在用户根目录生成一个.windows-build-tools目录。 .windows-build-tools目录中的内容如下 截图所示: 当我们再次进行npm install安装某些依赖的时候,就不会再报无法加载VCBuild.exe组件错误了。   from:https://blog.csdn.net/feinifi/article/details/104655415

龙生   05 May 2022
View Details
1 2 4