vue
前端客户端职业研发
科学研究,不断探索,步步实践
展开
-
Vue—router-view组件使用方法
开发的时候有时候会遇到一种情况,比如 :点击这个链接跳转到其他组件的情况,通常会跳转到新的页面,但是,我们不想跳转到新页面,只在当前页面切换着显示,那么就要涉及到路由的嵌套了,也可以说是子路由的使用。router-view可以嵌入一个组件,组件内部又可以写router-view嵌入组件,因此可以通过router-view实现组件嵌组件;以饿了么订餐的情景来说吧,在同个页面,切换显示不同组件的相应内容,同时地址栏的地址是会变的怎么实现它呢?首先 我们在导航组件navbar.vue中写了三个导航链接原创 2020-06-01 14:43:15 · 8345 阅读 · 1 评论 -
Vue 解决Loading chunk (\d)+ failed问题
import Vue from 'vue';import Router from 'vue-router';// 两种页面引入方式// 方式1,将所有页面import进来,会打包成一个巨大的js,首页加载慢,后续页面加载快,不推荐// import Page404 from '@/pages/Page404';// import Indexfrom '@/pages/index';// 方式2,路由懒加载,所有页面按需加载,推荐,但"Loading chunk {n} failed"出现几转载 2020-05-21 11:02:01 · 2491 阅读 · 0 评论 -
vue中的$on, $emit, $once, $off源码实现
这几种模式是基于订阅观察者模式的,维护一个事件中心,on的时候将事件按名称存在事件中心里,称之为订阅者,然后emit将对应的事件进行发布,去执行事件中心里的对应的监听器。第一步就是创建一个构造构造,维护一个事件中心eventsfunction EventEmiter(){ this.events = {}}$on // event可以是事件名数组 EventEmiter.prot...转载 2020-03-06 12:35:22 · 1376 阅读 · 0 评论 -
vuex
store:{actionmutationstate}store下可以存在多个modules,进行嵌套store: {action:mutation:state:module: {action:mutation:state:}}state tree作为框架的状态对象集合,方便在页面不同嵌套层次下使用state。如果一个state tree太多也不好会太臃肿(不需要放...原创 2018-09-28 11:37:55 · 103 阅读 · 0 评论