摘要:
VueRouter replace router-link标签上设置replace属性即可 <router-link class="nav" replace to="/Polaris" active-class="active-nav"> Polaris </router-link> 阅读全文
摘要:
Vue 命名路由 routes设置name属性 router-link的to属性设置对应的name routes配置 import VueRouter from 'vue-router' import Island from '../pages/Island' import IslandMessag 阅读全文
摘要:
Vue 嵌套路由 嵌套路由,也叫做多级路由 routes配置项里配好children属性 然后子路由组件中使用router-link和router-view标签即可 案例 routes.js import VueRouter from 'vue-router' import Island from 阅读全文
摘要:
Vue 路由 概念与基本使用 vue-router: vue的一个插件,专门来实现spa应用 关于spa应用的理解 单页应用 single page application 整个应用只有一个完整的页面 点击页面的导航,只会做局部更新 通过ajax请求数据 路由的理解 什么是路由 一个路由就是一组映射 阅读全文
摘要:
const a = {query:{b:1}} const {query:{b}} = a console.log(b) // 1 const t = {query:{b:{d:{e:2,f:3}}}} const {query:{b:{d:{e}}}} = t const {query:{b:{d 阅读全文
摘要:
Vuex namespaced namespaced: 用于划分不同模块的状态 案例 store/index.js import Vue from 'vue' import Vuex from 'vuex' // 注册Vuex插件 Vue.use(Vuex) const CounterOptions 阅读全文
摘要:
Vuex mapState mapGetters mapMutations mapActions 在computed或methods中使用,在模板语法中可简化state调用声明 <template> <div> <select v-model="unit"> <option value="1">1< 阅读全文
摘要:
Vuex getters 对state数据进行加工 定义 import Vue from 'vue' import Vuex from 'vuex' // 注册Vuex插件 Vue.use(Vuex) export default new Vuex.Store({ state: { count: 0 阅读全文
摘要:
Vuex 概念与基本使用 概念 集中式状态管理,管理多个组件的共享状态,应用于任意组件间的通信。 什么时候用vuex 多个组件共享状态 Vuex原理图 使用Vuex npm i vuex Vue.use(vuex) 生成store commit 越过了actions, 直接与mutation对话, 阅读全文
摘要:
Vue 插槽 默认插槽 具名插槽 作用域插槽 插槽的作用: 父组件向子组件的指定位置插入一段html. 也是一种组件间通信方式,适用于父传子 定义插槽内容:将内容写在组件标签体中 定义插槽默认内容: 将默认内容写在插槽标签体中 定义插槽内容展示位置: 默认插槽:在组件中将slot标签写你想要展示的位 阅读全文