Fork me on GitHub

随笔分类 -  Vue

摘要:vue keep-alive 组件如何清除某一个缓存 keep-alive 能做什么? 相信大家肯定访问过带标签页的网站,当你在切换菜单或者切换tab标签进行一些操作,再次切换到访问过的菜单或者tab,会保存上一次的访问状态。再或者你肯定在手机上浏览过新闻列表页面,那种下拉加载分页数据,当你加载了2 阅读全文
posted @ 2022-05-29 14:16 较瘦 编辑
摘要:vue 项目如何实现一键网站换肤效果 (webpack-theme-color-replacer 的使用) 现在看不少网站都有一键换肤的效果,这东西要说简单有简单的做法,要说复杂有复杂的做法,看到ant design pro 源码使用了webpack-theme-color-replacer插件,就 阅读全文
posted @ 2022-05-05 17:04 较瘦 编辑
摘要:vue项目中引入sass全局变量的多种姿势 现在脚手架里几乎都集成了less、sass,使用变量的时候,可能都会有如何引入的疑惑,今天就整理一些方式,供大家学习了解。 本文已sass项目为例 局部引入变量文件 虽然日常开发中很少有这种需求,但是也是可以的,就是在你需要的模板引入变量文件即可在当前模板 阅读全文
posted @ 2022-05-05 10:50 较瘦 编辑
摘要:vue-i18n 多语言(国际化) 切换 初学使用 不少网站有多语言模式,正好项目里需要多语言切换,简单学习之后,整理成文章,加深记忆。 概述 Vue I18n 是 Vue.js 的国际化插件,格局比较大,具体怎么解释还是不太好说,直接看用法就能明白。简单说一下为什么叫这个名字:internatio 阅读全文
posted @ 2022-04-27 22:15 较瘦 编辑
摘要:.env文件是node运行时读取的配置文件 首先时NODE_ENV,源自nodeis, NODE_ENV属性一般可以省略不写会有默认值,例如常用的 .env, .env.production,.env.development 这三个文件,如果没有在文件里注明NODE_ENV属性,那就默认就是分别对应 阅读全文
posted @ 2022-04-02 19:34 较瘦 编辑
摘要:vue项目中 socket.io 一直报错什么情况? 今天做项目的时候有个网站的常见功能就是下载进度条,之前做过这方面的需求,就想看看怎么实现。起初我是想让让后台给一个接口,前端每隔一段时间就请求一下,但是这种方式也太常见了吧?后来问过其它人后,大佬说HTML5都出了websocket了,还在用Aj 阅读全文
posted @ 2021-12-08 19:33 较瘦 编辑
摘要:注意,本文涉及的Vue源码版本为2.6.11。 读完本文你将知道 Vue的生命周期是什么? Vue中的钩子函数 Ajax请求放在哪个钩子函数中? beforeDestroy何时使用? Vue的生命周期是什么? 每个new出来的Vue实例都会有从实例化创建、初始化数据、编译模板、挂载DOM、数据更新、 阅读全文
posted @ 2019-12-06 14:18 较瘦 编辑
摘要:注意,本文涉及的Vue源码版本为2.6.11。 什么是异步渲染? 这个问题应该先要做一个前提补充,当数据在同步变化的时候,页面订阅的响应操作为什么不会与数据变化完全对应,而是在所有的数据变化操作做完之后,页面才会得到响应,完成页面渲染。 从一个例子体验一下异步渲染机制。 import Vue fro 阅读全文
posted @ 2019-12-06 14:04 较瘦 编辑
摘要:前言 最近拿到一套高级前端的Vue面试题,从头往下看了一遍,居然大部分都是一知半解的,遂准备一道一道的认真学习总结,立志做一位Vue高级开发者! 看一下你是否也对上面的34个问题一知半解,如果和我差不多的话就来一起学习吧! 如何理解MVVM原理? 提到MVVM,很多前端开发者都会想到Vue的双向绑定 阅读全文
posted @ 2019-12-06 13:56 较瘦 编辑
摘要:怎样封装一个组件? //父组件 <template> <div> <h1>{{title}}</h1> <child :name="name" :age="age" :hobby="hobby" @titleChanged="titleChanged"></child> </div> </templ 阅读全文
posted @ 2019-12-06 13:34 较瘦 编辑
摘要:Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个Vue2.x 开发技巧。 require.context() 场景:如页面需要导入多个组件,原始写法: import titleCom from '@/components/home/titleCom' import 阅读全文
posted @ 2019-12-06 13:15 较瘦 编辑
摘要:描述 基于vue-cli4.0+ webpack 4 + vant ui + sass+ rem适配方案+axios封装,构建手机端模板脚手架 项目地址:github Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nv 阅读全文
posted @ 2019-12-06 12:49 较瘦 编辑
摘要:开发过程 在开发项目的时候,就要注意项目的一些小技巧,下面我就罗列一些经常用到的优化的方法吧。同时老规矩,查缺补漏。 优先使用vIf vIf 和 vShow 理论上都是作用于元素的显示隐藏,只是一个是直接对DOM,一个是通过CSS的 display 来操作的,在项目中大部分的时候我都是直接使用 vI 阅读全文
posted @ 2019-12-04 18:58 较瘦 编辑
摘要:一、写在前面 现今的web开发通过前后端分离的技术拆分为了web后端开发与web前端开发,值得指出的是,web前端开发早已不是传统意义上的开发模式了,转而变成了web客户端开发,有过客户端开发经验的同学应该知道这两者间的差别,客户端开发关注的是: 应用的生命周期 组件化 开发模式与打包方法 组件化是 阅读全文
posted @ 2019-12-04 16:19 较瘦 编辑
摘要:vue中绑定class,使用中括号 + 三元运算符 搭配写法: //普通class是固定的样式,:class是 <div class="tab-box" :class="[index==rowIndex?'rowActive':'']"></div> 阅读全文
posted @ 2019-11-03 18:58 较瘦 编辑
摘要:Vue 项目和微信小程序项目的区别与比较 对于一些刚开始学 Vue 和微信小程序的人来说,二者有很多相似之处,非常容易记混,在此简单记录一些二者的共同点和区别。 一、生命周期 先贴两张图: Vue 生命周期 小程序生命周期 相比之下,小程序的钩子函数要简单的多。 vue 的钩子函数在跳转新页面时,钩 阅读全文
posted @ 2019-10-25 11:59 较瘦 编辑
摘要:之前项目一直是api接口直接写在项目中的,非常乱,不易统一维护和管理,特意学习了其它前辈如何管理api,保存下来。 ##一、axios的封装 Vue\React中多使用axios库做数据请求,如果还对axios不了解的,可以移步axios文档。 安装 npm install axios; // 安装 阅读全文
posted @ 2019-10-20 19:55 较瘦 编辑
摘要:设置路径别名、全局引入scss文件 给文件设置路径别名,方便在组件内引入文件,不必写太长的路径名称。 全局引入scss文件,不必在单个组件内再次引入,可以直接使用。例如:全局变量、px2rem函数等文件 const path = require('path'); function resolve(d 阅读全文
posted @ 2019-10-19 17:55 较瘦 编辑
摘要:很多人都在项目里使用过节流或者防抖函数,但是绑定的时候很简单,但是解绑失败了找不到原因,其实非常简单,绑定和解绑只要是同一个函数就没有问题了。 只要紧记绑定和解绑的事件是同一个就行了,如果不是一个,就单写成一个函数 export default { mounted() { //执行绑定函数事件 th 阅读全文
posted @ 2019-09-21 17:45 较瘦 编辑
摘要:日常开发者经常会遇到多层级嵌套组件,并且需要在最里面的子组件触发最外面的父组件事件,这种情况下当然最好的做法其实还是使用Vuex进行管理,如果你的项目使用Vuex进行管理了,后面就没必要看了。Vuex的相关内容请自行百度查阅。 第一种:直接在子组件中通过this.$parent.event来调用父组 阅读全文
posted @ 2019-09-21 17:41 较瘦 编辑

知识点文章整理
点击右上角即可分享
微信分享提示