-
Vue 2.x – 两个新的生命周期钩子/路由守卫
11.两个新的生命周期钩子 作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。 具体名字: activated路由组件被激活时触发。 deactivated路由组……
Ne-21 2021-08-29
268 0 0 -
Vue 2.x – 编程式路由导航/缓存路由组件
9.编程式路由导航 作用:不借助<router-link> 实现路由跳转,让路由跳转更加灵活 具体编码: //$router的两个API this.$router.push({ name:'x……
Ne-21 2021-08-29
256 0 0 -
Vue 2.x – 路由的props配置/replace属性
7.路由的props配置 作用:让路由组件更方便的收到参数 { name:'xiangqing', path:'detail/:id', component:Detail, ……
Ne-21 2021-08-29
256 0 0 -
Vue 2.x – 命名路由/params传参
5.命名路由 作用:可以简化路由的跳转。 如何使用 给路由命名: { path:'/demo', component:Demo, children:[ { path:'test……
Ne-21 2021-08-28
223 0 0 -
Vue 2.x – 多级路由/query传参
3.多级路由(多级路由) 配置路由规则,使用children配置项: routes:[ { path:'/about', component:About, }, { path:'/home……
Ne-21 2021-08-28
267 0 0 -
Vue 2.x – 路由的基本使用
路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 1.基本使用……
Ne-21 2021-08-27
237 0 0 -
Vue 2.x – 模块化+命名空间
目的:让代码更好维护,让多种数据分类更加明确。 修改store.js const countAbout = { namespaced:true,//开启命名空间 state:{x:1}, mutations: { ...……
Ne-21 2021-08-27
267 0 0 -
Vue 2.x – 四个map生成方法的使用
mapState方法:用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性:sum、school、subject(对象写法) ...mapState(……
Ne-21 2021-08-27
231 0 0 -
Vue 2.x – Vuex插件的使用
1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且……
Ne-21 2021-08-27
256 0 0 -
Vue 2.x – 插槽
插槽 作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 父组件 ===> 子组件 。 分类:默认插槽、具名插槽、作用域……
Ne-21 2021-08-26
236 0 0