树形结构关键字筛选-vue 在做权限管理的时候，权限是树型结构的数据，如果要做关键字筛选，就需要写递归去遍历所有元素并重新组合成新的树型结构的数据。 先看效果： 未筛选前： 筛选后： 关键代码 // 角色关键字筛选 1 // 第一个参数是需要筛选的树型结构，第二个参数是需要筛选的关键字 findNode(treeData,key){ return treeData.filter((item)=&g…

由于我的服务器是真的辣鸡，就迫使我优化项目提高项目加载速度。减少代码体积迫在眉睫，好在vantUI可以按需引入，而我项目又不需要这么多组件。vantUI按需引入真香，嘿嘿。 vantUI按需引入 1、安装vantUI npm i vant -S 2、安装babel-plugin-import babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法…

由于我的服务器是真的辣鸡，就迫使我优化项目提高项目加载速度。减少代码体积迫在眉睫，好在elementUI可以按需引入，而我项目又不需要这么多组件。elementUI按需引入真香，嘿嘿。 elementUI按需引入 1、安装elementUI npm i element-ui -S 2、安装babel-plugin-component 借助 babel-plugin-component，我们可以只引…

从零搭建nuxt.js框架 1、打开cmd，输入npx create-nuxt-app <项目名>（npx 在 NPM 版本 5.2.0 默认安装了）。 2、选择项目配置 - 1、项目名 - 2、选择脚本语言 - 3、依赖安装方式，网不好可以选择其他镜像。 - 4、选择安装ui插件，有element、vant等等，我喜欢按需导入自定义安装，以提升项目性能。所以我选择不按照插件。 - 5…

一直以来，我都是用vue做后台系统，众所周知后台系统不需要关系seo，当我去面试新公司时，问我vue如何解决seo，我当时就蒙了，vue是单入口的，怎么做seo？然后我厚着脸皮反问面试官，他告诉我用nuxt.js。 nuxt.js nuxt.js是什么？ Nuxt.js（Nuxt，NuxtJS） 是一个基于 Vue.js 的轻量级应用框架，可用来创建服务端渲染 (SSR) 应用，也可充当静态站点引…

vue的mixin真的是写公共js神器！之前写项目，遇到公共函数，都专门创一个文件，然后把公共函数写进去，通过main.js进行引入挂载，这样没问题，但是想要改data里的数据或者使用axios获取数据就麻烦无比。而mixin是混入，也就是说把公共函数混进到每个页面，这样公共函数能直接修改data里的数据了和使用axios获取数据。 浅谈vue的mixin 使用场景 比如你a页面有一个下拉选，下拉…

vuex官网说“vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。” 既然我浅谈vuex，那我的理解就是“vue的全局变量。”我相信说到全局变量大家应该就不陌生了，一个页面在哪都能用的变量。vuex好像更牛点，它是全部页面都能用的变量。 浅谈vuex 什么情况下用 我们做大型系统，肯定有…

随着项目越来越大，用的插件越来越多，vendors也越来越大。vue-cli打包是根据减少http请求数的规则进行打包，而我在网站性能优化的时候说过，异步加载js会减少将近一半的时间，但又不能分太多js出来，分太多js会导致http请求过多而拖慢网站速度，这个度需要根据自己项目来分或者和。 vue的vendors优化 拆分vendors // 是否为生产环境 const isProduction …

vue使用的是mvvm框架，所以vue不希望开发者直接像jq一样直接操作dome，如果开发者还是喜欢直接操作dome，这时，$nextTick就发挥了很重要的作用。 $nextTick 我在做即时通讯的时候，使用v-for显示用户发送的历史信息，按照微信、QQ等聊天工具的习惯，历史信息从上往下，最新的信息越靠近手机底部，v-for是从上往下循环渲染的，当我们一进入页面，需要把显示信息的div自动滚…

vue导入页面方式与对比 vue router使用require.context导入页面，以及其他导入方式对比 之前我写vue路由用import一个页面一个页面引入，多少个页面组件，就多少行import，需求越来越多，页面也越来越多，到目前为止300多个页面了，代码就： 还好是创建一个页面添加一个路由，要是一次添加300个要疯掉。 使用require.context自动import导入所有页面 首…