摘要: 1、React约束性小,没什么限制,灵活性比较大 语法:jsx语法,javascript的一个语法糖 2、vue vue约束性比较大,有你很多的限制,灵活性比较小,开发速度比较快 阅读全文
posted @ 2018-11-20 23:10 kangkang1207 阅读(110) 评论(0) 推荐(0) 编辑
摘要: webpack的安装 1、初始化: 2、全局安装webpack(cnpm install webpack@3.5.3 -g) 由于我的电脑不能用cnmp装,所以用了npm 3、局部安装webpack(cnpm install webpack@3.5.3 --save-dev) 由于我的电脑不能用cn 阅读全文
posted @ 2018-11-20 23:08 kangkang1207 阅读(326) 评论(0) 推荐(0) 编辑
摘要: query传值;params传值,路由解耦传值;编程式路由(编程导航) (1)query传值:可传可不传 (2)params传值:必须要传 (3)路由解耦传值: (4)编程导航:有三个方法: (1)router.push( ):这个方法会向history栈添加一条记录,当用户点击回退按钮时,回到之前 阅读全文
posted @ 2018-11-20 08:12 kangkang1207 阅读(750) 评论(0) 推荐(0) 编辑
摘要: 优势:对路由参数的改变不需要通过this.$route去获取了,而是通过props来获取,解决通过watch监听$route和通过beforeRouteUpdate传值时通过$route.params获取参数改变时麻烦的写法: 只适用于pramas,不适用于query; 实现方式: 在路由的配置项加 阅读全文
posted @ 2018-11-20 08:11 kangkang1207 阅读(1016) 评论(1) 推荐(1) 编辑
摘要: (1)beforeRouteUpdate() (2)用watch监听: 什么时候会用到路由的监听或者beforeRouteUpdate 当当前组件被复用的时候(没有经历创建和销毁的时候),当路由发生改变的时候,数据是不会发生改变的,需要调用beforeRouteUpdate或者watch进行监听 阅读全文
posted @ 2018-11-20 08:10 kangkang1207 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 缓存: <keep-alive>:组件的缓存:如果当前组件需要进行缓存的情况下,我们需要将当前组件外部加一个keep-alive: <keep-alive>包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们, 会创建两个生命周期钩子: activated:活跃状态:当前组件是显示的状态; dea 阅读全文
posted @ 2018-11-20 08:10 kangkang1207 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 动态组件:component 让多个组件使用同一个挂载点,并动态切换,就是动态组件; 通过保留的<component>元素,动态的绑定到它的is特性,可以实现动态组件 阅读全文
posted @ 2018-11-20 08:09 kangkang1207 阅读(114) 评论(0) 推荐(0) 编辑
摘要: vue路由的懒加载: 1、什么是懒加载以及为什么要使用懒加载: 懒加载也就是延迟加载或者按需加载; 为什么要使用懒加载: 因为像vue这种单页面应用,如果不应用懒加载,运用webpack打包后的文件将会异常的大,当用户进入首页后,需要加载大量的组件,就会造成页面白屏的问题,不利于用户体验。 当运用懒 阅读全文
posted @ 2018-11-20 08:08 kangkang1207 阅读(467) 评论(0) 推荐(0) 编辑
摘要: 1、vuex就是一个单一的状态管理器;当多个组件进行传值的时候,普通传值方式过于麻烦,vuex就解决了这个问题; 2、vuex传递数据需要的属性:vuex的核心概念: (1)state:用来存储状态,数据等; (2)mutations:用来更新state里面的数据 (3)actions:处理异步问题 阅读全文
posted @ 2018-11-20 08:08 kangkang1207 阅读(120) 评论(0) 推荐(0) 编辑