摘要: 如何定义组件 import React from "react" export default class App extends Component {} import React from "react" export default class App extends Component {} 阅读全文
posted @ 2018-11-20 23:18 kangkang1207 阅读(115) 评论(0) 推荐(0) 编辑
摘要: dom渲染的时候用到render函数, render函数有三个参数; 参数1:需要渲染的组件或者dom元素 参数2:将渲染的虚拟dom放在哪个标签内 参数3:回调函数 1、jsx语法: 如果有多个html标签,要用括号包起来,还要有一个父级标签包裹 2、比较vue学习React class > cl 阅读全文
posted @ 2018-11-20 23:17 kangkang1207 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 好处: 1、代码简洁,开发快速 2、接近自然语言,易于理解 3、更方便的代码管理 4、易于“并发编程” 5、代码的热升级 阅读全文
posted @ 2018-11-20 23:16 kangkang1207 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 1、声明式渲染 什么是声明式:你想要什么东西,告诉机器,让机器子级去做,得到想要的结果 命令式:你想要什么东西,告诉机器怎么做,如何做,得到想要的结果 2、高效 3、灵活 4、jsx语法:javascript语法糖 5、组件 6、单向响应的数据流 阅读全文
posted @ 2018-11-20 23:13 kangkang1207 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 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 阅读(745) 评论(0) 推荐(0) 编辑
摘要: 优势:对路由参数的改变不需要通过this.$route去获取了,而是通过props来获取,解决通过watch监听$route和通过beforeRouteUpdate传值时通过$route.params获取参数改变时麻烦的写法: 只适用于pramas,不适用于query; 实现方式: 在路由的配置项加 阅读全文
posted @ 2018-11-20 08:11 kangkang1207 阅读(1014) 评论(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 阅读(139) 评论(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) 编辑