摘要： Vue.js 提供了一个方法 watch，它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。 例如，同一个组件切换时，不会触发生命周期函数，我们可以用watch监视$route,实现生命周期函数可实现的操作。 阅读全文

摘要： // 全局路由守卫 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.方法，调用子组件的方法，例 阅读全文