落叶无痕~

摘要： 项目配置 配置文件入口： vue.config.js 做一些基础配置：指定应用上下文、端口号、title 命令：vue inspect 可以拿到整个webpack的全部配置 命令：vue inspect --rules 查看当前项目下所有的规则 命令：vue inspect --rule vue 查 阅读全文

摘要： 这里使用的是vue2.6.9版本，可以在GitHub上下载 调试vue项目的方式 安装依赖：npm i 安装打包工具：npm i rollup -g 修改package.json里面dev脚本 执行打包： npm run dev 修改samples里面的文件，引用新生成的vue.js 整体启动顺序（ 阅读全文

摘要： 知识要点 vue工作机制 vue响应式原理 依赖收集与追踪 编译compile Vue工作机制 在new Vue() 之后。Vue会调用进行初始化，会初始化生命周期、事件、props、methods、data、computed 与 watch 等。其中最重要的是通过 Object.definePro 阅读全文

摘要： render函数 一些场景中需要 JavaScript 的完全编程能力，这时可以用渲染函数，它比模板更接近编译器 render(h) { return h(tag, {...}, [children]) } createElement 函数 插件 例如：移动 $bus 到插件 组件混入：mixin 阅读全文

摘要： vue-router 安装： 配置 指定路由器 路由视图 导航链接 路由嵌套 应用界面通常由多层嵌套的组件组合而成。同样的，URL中各段动态路径也按某种结构对应嵌套的各层组件。 配置嵌套路由，router.js 动态路由 我们经常需要把某种模式匹配到的所有路由，全部映射到同一个组件 详情页路由配置， 阅读全文

摘要： 组件通信 1、父组件 => 子组件 属性props 引用refs 特别适用于想要操作某些DOM结构时，refs就是这些DOM节点 this.$refs 需要在mounted 中 或之后调用，因为父组件先于子组件挂载，在父组件 created 的时候，子组件还没挂上去，所以访问不到 子组件chidre 阅读全文

摘要： 创建项目 1、安装cra 2、创建项目 “react-lesson” 为文件名 3、启动项目 使用第三方组件 1、antd： 使用： 很明显，引用时过长，不利于使用 下面来进行 按需加载配置： 安装 react-app-rewired 取代 react-scripts，可以扩展 webpack 配置 阅读全文

摘要： react-router react-router包含3个库，react-router、react-router-dom和react-router-native。react-router提供最基本的路由功能，实际使用的时候我们不会直接安装react-router，而是根据应用运行的环境选择安装rea 阅读全文

摘要： Reducer 什么是Reducer？ reducer就是一个纯函数，接收旧的 state 和 action，返回新的state 之所以将这样的函数称之为 reducer，是因为这种函数与被传入 Array.prototype.reduce(reducer, ?initialValue) 里的回调函 阅读全文

摘要： 使用第三方组件 安装：npm install antd --save 试用 ant-design 组件库 上面 import 的内容太长，不利于日常开发 配置按需加载 安装 react-app-rewired 取代 react-scripts，可以扩展webpack的配置，类似 vue.config 阅读全文