qq_40292164的博客

vue之mixins混入 今天get到一个解决方案，关于单vue组件过大拆分的问题。 举个例子，有个test文件，里面的代码量很大，之前是这样解决的：拆分成多个.vue文件，通过组件引入的方式，每个.vue文件都要写template、script。调用子组件的方式需要通过ref。 存在的问题：只想引用js，却需要按照通用组件的方式引入，并且每个都需要写template和一个div，带来性能损耗。 解决方案：使用vue.js mixins，将不同的逻辑放到不同的js文件里，方法直接通过this调用。 例子 m

实现的功能： 1.未登录时跳转到登录界面，已登录跳转到主页 2.限制手动进入主页 使用方法 ： 1.将const nextRoute数组中的路由替换成需要登录权限的路由 2.isLogin是你获取到的登录状态，更改即可 // 全局路由守卫 router.beforeEach((to, from, next) => { // to: Route: 即将要进入的目标 ...

原因是ie不支持es6语法，需要导入依赖包 1、npm install --save-dev babel-polyfill 2、在main.js中引入： import “babel-polyfill”

前言 项目中基本上都会用到灰色模态框，最基本的就是登陆登出界面，本文会从最简单的一个遮罩组件做起。 效果图 实现步骤 1.实现html和css样式 2.子组件的vue代码 3.父组件的vue代码 1.实现html和css样式 html如下 <div class="modal" v-show="showModal"> <div class="modal-dialo...