搜索内容

包含标签:vue 的文章
  • Vue 2.x – 两个新的生命周期钩子/路由守卫
    编程技术

    Vue 2.x – 两个新的生命周期钩子/路由守卫

    11.两个新的生命周期钩子 作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。 具体名字: activated路由组件被激活时触发。 deactivated路由组……
    Ne-21 2021-08-29
  • Vue 2.x – 编程式路由导航/缓存路由组件
    编程技术

    Vue 2.x – 编程式路由导航/缓存路由组件

    9.编程式路由导航 作用:不借助<router-link> 实现路由跳转,让路由跳转更加灵活 具体编码: //$router的两个API this.$router.push({ name:'x……
    Ne-21 2021-08-29
  • Vue 2.x – 路由的props配置/replace属性
    编程技术

    Vue 2.x – 路由的props配置/replace属性

    7.路由的props配置 ​ 作用:让路由组件更方便的收到参数 { name:'xiangqing', path:'detail/:id', component:Detail, ……
    Ne-21 2021-08-29
  • Vue 2.x – 命名路由/params传参
    编程技术

    Vue 2.x – 命名路由/params传参

    5.命名路由 作用:可以简化路由的跳转。 如何使用 给路由命名: { path:'/demo', component:Demo, children:[ { path:'test……
    Ne-21 2021-08-28
  • Vue 2.x – 多级路由/query传参
    编程技术

    Vue 2.x – 多级路由/query传参

    3.多级路由(多级路由) 配置路由规则,使用children配置项: routes:[ { path:'/about', component:About, }, { path:'/home&#……
    Ne-21 2021-08-28
  • Vue 2.x – 路由的基本使用
    编程技术

    Vue 2.x – 路由的基本使用

    路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 1.基本使用……
    Ne-21 2021-08-27
  • Vue 2.x – 模块化+命名空间
    编程技术

    Vue 2.x – 模块化+命名空间

    目的:让代码更好维护,让多种数据分类更加明确。 修改store.js const countAbout = { namespaced:true,//开启命名空间 state:{x:1}, mutations: { ...……
    Ne-21 2021-08-27
  • Vue 2.x – 四个map生成方法的使用
    编程技术

    Vue 2.x – 四个map生成方法的使用

    mapState方法:用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性:sum、school、subject(对象写法) ...mapState(……
    Ne-21 2021-08-27
  • Vue 2.x – Vuex插件的使用
    编程技术

    Vue 2.x – Vuex插件的使用

    1.概念 ​ 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且……
    Ne-21 2021-08-27
  • Vue 2.x – 插槽
    编程技术

    Vue 2.x – 插槽

    插槽 作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 父组件 ===> 子组件 。 分类:默认插槽、具名插槽、作用域……
    Ne-21 2021-08-26