前端
文章平均质量分 59
克莱恩学习中
这个作者很懒,什么都没留下…
展开
-
Vue 开启gizp
项目配置首先安装 compression-webpack-pluginnpm install --save-dev compression-webpack-plugin@1.1.12在 vue.config.js 里面配置 compression-webpack-pluginconst CompressionWebpackPlugin = require("compression-webpack-plugin");const productionGzipExtensions = ["js原创 2021-02-02 17:12:43 · 289 阅读 · 0 评论 -
基于 qiankun & Vue 的微前端实践
基于 qiankun & Vue 的微前端实践前言基于目前业务需求,需要使用微前端方案进行构建。对比了 Single-SPA 和 qiankun,最终选择 qiankun 进行实现。2018 年 Single-SPA 诞生了, single-spa 是一个用于前端微服务化的 JavaScript 前端解决方案 (本身没有处理样式隔离,js 执行隔离)实现了路由劫持和应用加载2019 年 qiankun 基于 Single-SPA, 提供了更加开箱即用的 API (single-spa +原创 2021-02-02 17:01:07 · 934 阅读 · 1 评论 -
VUE自定义封装权限指令
说明:在一般的后台管理项目中都需要权限管理,有一些权限管理可以通过动态路由进行实现,但是还有一些权限管理是需要我们对页面的按钮或者其他元素进行限制,这时候就用到了权限指令。自定义指令介绍注册方法Vue.directive('my-directive', { bind: function () {}, inserted: function () {}, update: function () {}, componentUpdated: function () {}, unbind.原创 2020-07-07 10:29:54 · 802 阅读 · 0 评论 -
vue父子组件之间的传值
vue父子组件之间的传值父组件向子组件传值父组件中父组件向子组件传递数据,首先要在父组件中使用v-bind命令将要传递的数据绑定到子组件上。<template> <div id="app"> <Child v-bind:item1="item1" v-bind:item2="item2"></Child> <...原创 2020-01-09 11:00:38 · 148 阅读 · 0 评论