组件的分类 常规页面组件,由 vue-router 产生的每个页面,它本质上也是一个组件(.vue),主要承载当前页面的 HTML 结构,会包含数据获取、数据整理、数据可视化等常规业务。 功能性抽象组件,不包含业务,独立…
分类:vue.js教程
Vue 路由知识点归纳总结
最近做项目才发现,我确实对 vue-router 太不熟悉了,都只了解个简单用法就开始搞了,本来很简单的问题,都搞不清楚。现在重新看一遍文档,重新梳理一下。 vue 路由的原理 说实话,路由我一直也就光顾着用,没认真思考…
vue中引入mxGraph
第一步:下载npm包 npm install mxgraph --save 第二步:新建一个index.js文件 文件内容如下 import mx from 'mxgraph'; const mxgraph = mx({…
配置webpack中dev.env.js、prod.env.js,解决不同命令下项目启动和打包到指定的环境
前后端分离的项目开发中,我们有开发环境、测试环境、预生产环境和生产环境。 1、开发环境下调试接口的时候,一般都会有好几个接口地址(开发服务器上的,本地的,接口开发人员的,七七八八的接口地址),要根据情况手动来切换接口地址…
Vue中插入HTML代码的方法
我们需要吧<p>Hello World</p>插入到<p>My name is Pjee</p>应该如何做? 一、使用v-html v-html:更新元素的 innerHT…
iclipboard: 一个更好用的复制文本到剪贴板的 npm 包
最近开发遇到一个需求, 要把一串文字复制到剪贴板, 然后就看了下 github, 发现了一个 star 2W 多的库 clipboard, 想都没想就拉来用了, 结果发现这货真特么不是一般的难用, 特别是和 react …
[实践系列]-前端路由
什么是路由? 路由这概念最开始是在后端出现的,在以前前后端不分离的时候,由后端来控制路由,服务器接收客户端的请求,解析对应的url路径,并返回对应的页面/资源。 简单的说 路由就是根据不同的url地址来展示不同的内容或页…
vue组件文档(.md)中自动导入示例(.vue)
症结(懒癌患者) 在写组件库文档的时候,会把示例代码粘贴到文档里,这样做有一个很恶心的地方:每次组件迭代或修改示例都需要重新修改文档中的代码片段。长年累月,苦不堪言。 猜想(狂想曲) 所以我想,可不可以把.vue文件里的…
VUE好用的插件汇总
移动端UI库 VUX NutUI 实用库 vue-router vuex axios qs Skeleton cleave vue-password-strength-meter postcss-pxtorem lib-…
npm install 你很明白吗?
npm install 你很明白吗dependencies 依赖devDependencies 开发依赖 【当我们敲 npm install 的时候会安装哪些依赖,dependencies 和 devDependenci…
iview admin动态路由、权限控制个人见解
iview admin目前是没有给我处理好权限这块的逻辑。所以,权限这块还是得我们自己去撸。(脸上笑嘻嘻、心里mmp!) 思路 做权限,说到底就是为了让不同权限的用户, 可以访问不同的功能模块。比如我是admin权限, …
vue多级菜单(路由)导致缓存(keep-alive)失效
一般的后台管理系统功能都比较繁多,存在有多级菜单的需求,但是在这种项目里往往keep-alive的表现却非常不稳定,有时候某个页面可以缓存,但是点几下就发现缓存丢了;有时候不知道怎么回事又死活不缓存了。 造成这个问题的原…