摘要： // 全局路由守卫 router.beforeEach((to, from, next) => { // to: Route: 即将要进入的目标 路由对象 // from: Route: 当前导航正要离开的路由 // next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。 console.log(to) cons... 阅读全文

摘要： 缓存穿透 缓存穿透是指查询一个一定不存在的数据，由于缓存是不命中时被动写的，并且出于容错考虑，如果从存储层查不到数据则不写入缓存，这将导致这个不存在的数据每次请求都要到存储层去查询，失去了缓存的意义。在流量大时，可能DB就挂掉了，要是有人利用不存在的key频繁攻击我们的应用，这就是漏洞。 解决方案 阅读全文

摘要： Vuex 解决不同组件的数据共享，与数据持久化 1.npm install vuex --save 2.新建store.js 并引入vue vuex ，Vue.use(Vuex) 3.state在vuex中用于存储数据 var state = { count:1 } 4.mutations里放的是方 阅读全文

摘要： 路由的嵌套 1.配置路由 2.<router-view></router-view> 示例代码： 阅读全文

摘要： import Vue from 'vue' import App from './App.vue' import Home from './components/Home.vue' import News from './components/News.vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const rou... 阅读全文

摘要： Vue 路由get传值1.动态传值 1.1需要在路由配置时指定参数： {component:'/home/:id'} 1.2在routerlink中指定格式：<router-link :to="'/home/'+123"></router-link> 1.3在跳转到的页面中通过this.$route 阅读全文

摘要： Vue路由 1.安装 npm install vue-router --save / cnpm install vue-router --save2.main.js中引入并Vue.use(VueRouter) import VueRouter from 'vue-router' Vue.use( V 阅读全文

摘要： 非父子组件传值 通过事件广播实现非父子组件传值1.新建js，引入并实例化Vue import Vue from 'vue' var VueEvent = new Vue(); export default VueEvent;2.子组件A中引入VueEvent，并广播事件 import VueEven 阅读全文

摘要： 父组件主动获取子组件的值 1. 在调用子组件的时候定义一个ref-> ref="header"2. 在父组件中通过this.$refs.header.属性，调用子组件的属性，例如this.$refs.header.name 在父组件中通过this.$refs.header.方法，调用子组件的方法，例 阅读全文

摘要： 父子组件传值 1.父组件调用子组件时绑定属性，例如-> :title="title" 2.子组件中在props中声明title：props:['title','msg'] 3.就可以在子组件中引用title Tips：避免父子组件传值时命名冲突 父子组件传方法方式一样 1.父组件调用子组件时绑定属性 阅读全文