摘要：
路由的跳转方式有： 1. 通过标签：`` 2. 通过js控制跳转 区别： this.$router.push() 跳转到指定的url，会向history插入新记录 this.$router.replace() 同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳 阅读全文
摘要：
路由是以插件的形式引入到我们的vue项目中来的 vue router是vue的核心插件 1:下载 2:安装插件 3:创建路由对象 4:配置路由规则 路由对象 5:将配置好的路由对象交给Vue 在options中传递 key叫做 router 6:留坑(使用组件) `` 阅读全文
摘要：
单页应用的路由模式有两种 哈希模式（利用 事件监听 url的hash 的改变） history模式（使用此模式需要后台配合把接口都打到我们打包后的index.html上） 哈希模式原理 核心是锚点值的改变，我们监听到锚点值改变了就去局部改变页面数据，不做跳转。跟传统开发模式url改变后 立刻发起请求 阅读全文
摘要：
需要频繁的创建和销毁组件 比如页面中部分内容显示与隐藏，但是用的是v if 组件缓存 内置组件中 被其包裹的组件，在v if=false的时候，不会销毁，而是停用 v if="true" 不会创建,而是激活 避免频繁创建组件对象的性能损耗 组件的激活和停用 activated 和 deactivat 阅读全文
摘要：
创建一个空实例（bus中央事件总线也可以叫中间组件） 利用$emit $on的触发和监听事件实现非父子组件的通信 解决的方案还有vuex、provide/inject是解决同根往下派发、本地存储也可以进行非父子组件之间的通信 阅读全文
摘要：
父传子 父用子的时候通过属性传递 子要声明props:['属性名'] 来接收 收到就是自己的了，随便你用 在template中 直接用 在js中 this.属性名 用 子传父 子组件里通过$emit('自定义事件名',变量1，变量2)触发 父组件@自定义事件名=‘事件名’监听 代码 阅读全文
摘要：
slot插槽 slot就是子组件里给DOM留下的坑位 DOM slot是动态的DOM ref获取子组件实例 识别：在子组件或元素上使用属性ref="xxxx" 获取：this.$refs.xxxx 获取元素 $el 是拿其DOM $parent获取父组件实例（可在子组件直接使用this.$paren 阅读全文
摘要：
创建组件的两种方式 组件类型 通用组件（例如表单、弹窗、布局类等) 业务组件（抽奖、机器分类） 页面组件（单页面开发程序的每个页面的都是一个组件、只完成功能、不复用） 组件开发三步曲：声明、注册、使用 代码 阅读全文