doitba-优快云博客

原创 javaScript知识补充（1）

在JS字符串中插入单引号或双引号（通过’'转义字符添加识别） var str = "小明说：\"你好\"" console.log(str) 打印结果 2. 通常使用typeof 变量检查数据类型 3. NaN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/NaN 4. 数据...

2019-06-28 14:39:41 147

原创 Vuex学习-vuex基本使用流程

1. 向外暴露store对象 store.js /** * vuex的核心管理对象模块：store */ import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex) //状态对象 const state ={} // 包含多个直接更新 state 的方法(回调函数)的对象 const mutations ...

2019-06-24 19:11:23 357

原创 Vuex学习-Vuex介绍

1. vuex是什么官方文档：https://vuex.vuejs.org/zh/ vuex是vue的一个插件。简单点说，vuex是对 vue 应用中多个组件的共享状态进行集中式的管理(读/写)。 2. 状态自管理应用单向数据流概念图 state，驱动应用的数据源; view，以声明方式将 state 映射到视图； actions，响应在 view 上的用户输入导致的...

2019-06-23 22:54:10 265

原创 vue路由学习-编程式路由导航

编程式路由导航可以看作用JS的方式实现路由跳转普通方法 window.location.href = URL 路由跳转：改变hash值（#）实现历史记录的保存，还可进行监视 API调用 this包含两个属性：$router与 $route this.$router.push(path) // 相当于点击路由链接(可以返回到当前路由界面) this.$router.replace(path...

2019-06-22 17:01:57 338

原创 vue路由学习-向路由组件传递数据

1. 定义路由组件（使用占位写法）配置路由，设置参数（param/query） children: [ { path: '/home/solo/msgdetail/:id', component: MsgDetail } ] ':id’表示是params写法 rou...

2019-06-22 14:34:10 431

原创 vue路由学习-缓存路由组件

1. 理解 1.1 默认情况下, 被切换的路由组件对象会死亡释放, 再次回来时是重新创建的 1.2 如果可以缓存路由组件对象, 可以提高用户体验 2. 编码实现 <keep-alive> <router-view></router-view> </keep-alive> keep-alive控制router-view下的所有路由组件浏览器显示 ...

2019-06-22 10:52:56 438

原创 vue路由学习-嵌套路由

1.定义嵌套路由组件在views中生成新路由 Group.vue <template> <div> <ul> <li v-for="(group, index) in groupArr" :key="index">{{group}}</li> </ul> </div> &l...

2019-06-21 23:49:13 154

原创 vue路由学习-简单路由

先把文件的目录组成放上来，src下的components存放的是非路由组件，views存放的是路由组件，router下的index.js是路由器模块 1. 定义路由组件映射成路由 index.js /** * 路由器模块 */ import Vue from 'vue' import VueRouter from 'vue-router' import About from '../v...

2019-06-21 23:04:33 184

有关vue路由的学习过程开发工具：vscode 事先准备：利用脚手架构建模板实例，具体构建过程可参考官方文档 https://cli.vuejs.org/zh/. （之后会补上cli脚手架的构建过程） 1. 路由介绍路由安装指令：npm install vue-router --save 1.1 官方文档解释： Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的...

2019-06-21 17:31:39 1451