路由传参
路由传参总结 1. 路由跳转的两种方式 声明式导航：点击链接实现导航的方式，a或者router-link 编程式导航：调用API实现导航的方式，this.$router.push()或者location.href 2. 路由传参方式 2.1 params传参-显示参数 显示参数的意思就是：会在URL地址中展示出参数 声明式router-link: 父组件： 通过router-l
vue前台项目
Vue前台项目-电商平台 技术架构：vue2+vue-cli+vuex+vue-router+axios+less 实现功能： 封装通用组件 登录注册 token 守卫 购物车 支付 项目性能优化等 1. 初始化项目 vue-cli脚手架依赖环境：node+webpack 1.1 vue create 项目名称 选择安装Vue2的default 用vue-cli脚手架初始化的项目目录中
ES6模块化与异步编程
1. ES6模块化 1.1 前端模块化规范的分类 在ES6模块化规范诞生之前，js社区尝试提出AMD、CMD、CommonJS等模块化规范，但不在浏览器和服务器端通用，故产生了ES6模块化规范。 1.2 什么是ES6模块化规范？ ES6模块化规范是浏览器端与服务器端通用的模块化开发规范。ES6模块化规范中定义： 每个js文件是一个独立的模块 导入其他模块成员使用import关键字 向外共享
路由
路由 1. 前端路由的概念与原理 1.1 什么是路由？ 路由（router)：对应关系。 1.2 什么是前端路由？ Hash地址与组件之间的对应关系。 1.3 SPA与前端路由 SPA：single page application单页面应用，一个web网站只有唯一的HTML页面，所有组件的展示与切换都在这一个唯一的页面上进行。 所以：不同组件之间的切换需要通过前端路由来实现。 1.4
自定义指令
自定义指令 1. 什么是自定义指令？ Vue官方提供了v-text, v-for, v-if, v-bind, v-slot等常用的指令。 除此以外，Vue还允许开发者自定义指令。 在Vue中，自定义指令分为两类： 私有自定义指令（在组件内部） 全局自定义指令 2. 私有自定义指令 在每个vue组件中，可以在directives节点下声明私有自定义指令。 2.1 钩子函数bind bi
插槽
插槽 1. 插槽的定义 插槽：Vue为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。 【理解】：组件封装期间为用户预留的内容占位符。 2. slot标签的使用 之前我们使用组件时，在标签中间没有任何内容，比如< Left>< /Left>，如果在封装Left组件时预留了插槽slot，则可以在标签中加内容！ 如果
动态组件
Vue中的动态组件 1. 什么是动态组件 动态组件：动态切换组件的显示与隐藏 使用场景：需要的组件不确定时，就可以使用动态组件的方式生成，例如接收到文本数据就生成文本组件，接收到图片数据就生成图片组件。 2. 动态组件的渲染 vue提供了一个内置的< component >组件，通过is属性动态指定想要渲染的组件。 可以把< component >组件看作占位符！