摘要： 1. 组件 函数式组件（适用于【简单组件】的定义） 示例： 执行了ReactDOM.render(<MyComponent/>, ...)之后执行了什么？ React解析组件标签，找到了MyComponent组件发现组件是使用函数定义的，随后调用该函数，将返回的虚拟DOM转为真实DOM，随后呈现在页 阅读全文

摘要： 1. 初识虚拟DOM 描述 什么是虚拟DOM呢？本质是Object类型的对象（一般对象）我们为什么要了解虚拟DOM呢?很简单，因为React要用 我们第三点会使用React分别使用js和jsx创建虚拟DOM，在此呢，我们先要了解两大js库： react.js：react的核心库react-dom.j 阅读全文

摘要： 1. 介绍 理解： 一个路由（route）就是一组映射关系（key-value）, 多个路由需要路由器（router）进行管理前端路由： key是路径,value是组件，通俗的将就是通过一个路径key，可以访问vue的组件，实现组件的访问与跳转以及传参 2. 基本使用 安装vue-router, 命 阅读全文

摘要： 1. vuex是什么 概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。这个怎么理解呢？可以暂时理解成全局事件总线、消息订阅与发布一样的道理，把vuex当成是外部的一个储存空间 阅读全文

摘要： 1. nextTick下一次更新结束后执行指定的操作 语法： this.$nextTick(回调函数)作用：在下一次DOM更新结束后执行其指定的回调什么时候用： 当改变数据后，要基于更新后的新DOM进行某些操作时，要在nextTick所指定的回调函数中执行 举个栗子：例子中有updated生命周期和 阅读全文

摘要： 写在最前：父组件引用子组件，如何能在应用子组件内容的同时，还能在自定义内容呢？ 1. 插槽 作用： 让父组件可以向子组件指定位置插入html结构，也是一种组件通信的方式，适用于父组件 >子组件分类： 默认插槽，具名插槽，作用域插槽使用方式： 默认插槽 父组件中： <MyContainer> <div 阅读全文

摘要： 抛出问题:我们多级组件，或者任意不想关的子组件如何传递数据呢？ 1. 全局事件总线（$bus） 一种组件间通信的方式，适用于任意组件间通信 全局事件总线示意图： 安装全局事件总线： new Vue({ .... beforeCreate(){ Vue.prototype.$bus = this // 阅读全文

摘要： 1. 组件传值 组件化编码流程： 拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用： 一个组件在用，放在组件自身即可一些组件在用，放在他们共同的父组件上（状态提示） 实现交互：从绑定事件开始 props适用于： 父 阅读全文

摘要： 1. ref属性 被用来给元素或子组件注册引用信息（id的替代者）应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（VC（VueComponent））使用方式： 打标识<h1 ref="xxx">.....</h1>或者<School ref="xxx"></School> 阅读全文

摘要： 1. 文件分析 1. 补充： 什么叫单文件组件？ 一个文件中只有一个组件 vue-cli创建的项目中，.vue的文件都是单文件组件，例如App.vue 2. 进入分析 1. package.json: 项目依赖配置文件： 如图，我们说主要的属性： name: 项目的名称version: 项目版本sc 阅读全文