随笔分类 -  Vue

详解vue-router 中的导航钩子
摘要：vue-router 的导航钩子，主要作用是拦截导航，让他完成跳转或取消。 有三种方式可以植入路由导航过程中： 全局的 单个路由独享的 组件级的 1. 全局导航钩子： 全局导航钩子主要有两种钩子：前置守卫、后置钩子， 注册一个全局前置守卫： const router = new VueRouter( 阅读全文
posted @ 2020-07-15 20:36 云来云往 阅读(2395) 评论(0) 推荐(0)
父组件如何监听子组件的生命周期？
摘要：比如有父组件 Parent 和子组件 Child，如果父组件监听到子组件挂载 mounted 就做一些逻辑处理，可以通过以下写法实现： 1 // Parent.vue 2 <Child @mounted="doSomething"/> 3 4 // Child.vue 5 mounted() { 6 阅读全文
posted @ 2020-07-15 20:31 云来云往 阅读(1032) 评论(0) 推荐(0)
vue 父子组件的生命周期顺序
摘要：1. 加载渲染过程 同步引入时生命周期顺序为： 父组件的beforeCreate、created、beforeMount --> 所有子组件的beforeCreate、created、beforeMount --> 所有子组件的mounted --> 父组件的mounted 总结：父组件先创建，然后 阅读全文
posted @ 2020-07-15 20:28 云来云往 阅读(2398) 评论(0) 推荐(0)
vue-router的push和replace的区别
摘要：1.this.$router.push() 描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。 2.this.$router.replace() 描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一 阅读全文
posted @ 2020-07-15 20:25 云来云往 阅读(3591) 评论(0) 推荐(1)
Vue中关于路由传参query和params的区别
摘要：路由配置：{path:'/login',name:'Login',component:Login}, 1.页面携带query参数跳转(path,name指定跳转到Login时都可以携带query参数) this.$router.push({ path:'/login',name:'Login', q 阅读全文
posted @ 2020-07-15 19:57 云来云往 阅读(806) 评论(0) 推荐(0)
axios基本用法
摘要：vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios,前一段时间用了一下，现在说一下它的基本用法。 首先就是引入axios,如果你使用es6，只需要安装axios模块之后 当然也可以用script引入 axios提供了以下几种请求方式 这里的config是对一些 阅读全文
posted @ 2017-10-19 13:48 云来云往 阅读(22494) 评论(0) 推荐(0)