![](https://img-blog.csdnimg.cn/20200111224422928.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
文章平均质量分 75
分享实用的Vue.js开发干货
黄河爱浪
一个热爱分享又普通的web前端开发者,uView UI框架开发组成员。
展开
-
Vue2 重新安装依赖后 @vue/compiler-sfc 编译报 >>> and /deep/ 警告
最近突然项目冒出@vue/compiler-sfc 编译报 /deep/警告的问题,一顿对网上操作后,还是没能解决。也不去探究什么原因造成的吧(总之和 Vue 2.7 版本有关),若按警告的提醒去一个个改显然是不能接受的,直接上解决方案。原创 2022-09-04 11:10:16 · 3056 阅读 · 0 评论 -
手把手教你使用 Vue CSS深度作用选择器
当标签有scoped属性时,它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。原创 2021-12-13 22:21:39 · 7443 阅读 · 10 评论 -
教你搭建一个页面秒开的Vue项目
在 web中,页面打开速度是考量一个项目好坏非常重要的指标,因此在项目开始开发之前需要着重解决的问题(在主文件 main.js中引用大量的依赖是一个非常忌讳的事情)。下面是我为减少打包后文件过大的几个要点。...原创 2021-09-20 17:29:15 · 4498 阅读 · 5 评论 -
Vue 动态绑定 class 的方法
本文实例讲述了vue动态绑定class的几种常用方式。分享给大家供大家参考,具体如下:#1字符串绑定:class=" 'className' "/* 如上示例是最简单的动态绑定,但好像没有任何意义,和不动态绑定的结果是一样的。 */#2对象绑定:class="{'className': 条件表达式 }"/* 当 条件表达式 为true时,则绑定 */#3三...原创 2019-12-17 21:23:05 · 977 阅读 · 0 评论 -
Vue-cli4 配置 element-ui 按需引入
在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后,终于搞定了,本篇文章记录实现的全过程#1 node与vue的版本情况#2未按需加载打包后的文件情况由上图看出,只是引入了 element-ui框架后,js文件急剧的上升到了 783KB,这显然是不能接受的。element-ui按需加载文档:https://e...原创 2019-12-13 21:17:34 · 12262 阅读 · 3 评论 -
Vue 打包优化方案(解决 vendor.js 过大的问题)
当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。优化方式通常有以下方式:一、路由懒加载:把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。参考链接:https://router.vuejs.org/zh/guide/advanced/lazy-loading.html二、不打包第三方库:减少 vend...原创 2019-07-02 17:34:03 · 35243 阅读 · 7 评论 -
Vue.js 新手学习指南
起步扎实的 JavaScript / HTML / CSS 基本功。这是前置条件。 通读官方教程的基础篇。不要用任何构建工具,就只用最简单的 <script>,把教程里的例子模仿一遍,理解用法。 照着官网上的示例,自己想一些类似的例子,模仿着实现来练手,加深理解。 阅读官方教程进阶篇的前半部分,到『自定义指令 (Custom Directive) 』为止。着重理解 Vue 的...转载 2019-06-06 23:05:53 · 264 阅读 · 0 评论 -
Vue 运行提示“没有注册类”的解决办法
在运行Vue项目时,突然弹出警告框“没有注册类”,但项目依旧可以运行,只是未能自动启动浏览器,网上查阅了各种解决办法后,发现没一个是真正能解决问题的。后来发现,自己电脑的默认浏览器莫名其妙的变成了 IE 浏览器,npm run dev指定的是Chrome核的浏览器,所以将Chrome浏览器设置为 默认浏览器,或者将是Chrome核的浏览器设置为默认浏览即可解决该问题。若设置后...原创 2019-01-05 10:26:27 · 1756 阅读 · 0 评论 -
Vue 设置图片不转为base64
在使用 Vue.js 框架开发项目时,vue-cli创建的webpack模板默认会将10K以下的图片和字体文件转为base64。好处:带来了更快的渲染,不会因为页面切换时还有加载图片的延迟感。坏处:打包后的CSS,JS文件非常大,特别是图片数量多的情况下,这个问题尤为明显。修改文件:/build/webpack.base.conf.js修改方式,如下图所示位置,将图片和字体的li...原创 2019-03-25 12:04:47 · 9012 阅读 · 3 评论 -
Vue.js 做表单验证
使用 Vue.js 的计算属性(computed)做表单验证是一个非常省心省车事情,源码示例是一套简单的注册表单校验效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用 Vue.js 做表单验证</ti...原创 2019-04-19 16:46:41 · 6684 阅读 · 0 评论