doitba-CSDN博客

原创 javaScript知识补充（1）

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

2019-06-28 14:39:41 117

原创 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 303

原创 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 220

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

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

2019-06-22 17:01:57 290

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

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

2019-06-22 14:34:10 372

原创 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 388

原创 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 112

原创 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 135

原创 vue路由学习-路由是什么

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

2019-06-21 17:31:39 1358

doitba的博客