摘要： （一）父子组件 输入/输出属性 关键词 Input,Output,EventEmitter。 父子组件信息信息，分为 （1）子组件向父组件传递 （2）父组件向子组件传递 （二）模版变量与 @ViewChild （1）模版变量 给子组件设定一个Id值，在HTML页面中，直接通过Id值，操作子组件的属性 阅读全文

摘要： 组件与组件的关系，通常有父子关系，兄弟关系以及隔代关系。 针对不同的场景，如何选用适合的通信方式呢？ （一） props/$emit parentComponent ==> childComponent child 通过 props [childParams] 接受父组件 parent 传递的过来的 阅读全文

摘要： 虽然我们可以通过使用 ViewContainerRef 将 ElementRef创建的视图插入指定的位置，但是仍然希望有某中快捷的方式帮我们实现。 ngTemplateOutlet与ngComponentOutlet 就是帮我们干这事的。 ngTemplateOutlet 插入 ng-templat 阅读全文

摘要： （一） width/height 默认值与单位 Canvas 标签只有两个属性—— width\height,作为一种替换元素，它默认大小为300×150像素。 canvas的单位只能是是px，值只能是整数。如果你设置为其他单位或者不设置，在渲染时，依旧按照像素单位显示。 如果数值设置称负数，或者 阅读全文

摘要： (一）什么是Flex 布局 Flex 是Flexible Box 的缩写，是一维的弹性布局。 采用Flex布局的元素，称为Flex容器。 它的所有子元素自动成为容器成员，称为 Flex item（Flex 项目）。 既然是容器，就需要一个容器元素，将项目包裹在其中。 因此，在使用时，需要将容器元素设 阅读全文

摘要： 之前，我以为 margin-top/padding-top 如果设置成%，得到的是 基于父对象总高度的百分比。 但是，这种想法是错的。因为在CSS标准里，是基于父对象宽度的百分比。 你觉得 子div 的 margin-top是 28px,还是 14px 呢？ 用js代码测试了下 阅读全文

摘要： Vue实例初始化完成后，启动加载（$mount）模块数据。 （一）Vue$3.protype.$mount 标红的函数 compileToFunctions 过于复杂，主要是生AST 树，返回的 ref 如下： render 是浏览器虚拟机编译出来的一个函数。我们点进入可以看到如下代码（自己调整后空 阅读全文

摘要： 从最简单的案例，来学习Vue.js源码。 （一）为何可以直接使用 Vue？ (function (global, factory) { typeof exports 'object' && typeof module !== 'undefined' ? module.exports = factor 阅读全文

摘要： 因为v3.01版本中的 /src代码使用TypeScript进行书写，我这里仅仅用作模块学习， 具体学习的还是 /dist/vue-router.js 代码。 （一）基本使用方式 JS代码 // 定义路由规则 const routes = [ { name:'首页', path: '/', comp 阅读全文

摘要： （一）Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态， 并以相应的规则保证状态以一种可预测的方式发生变化。 —— 来自 Vuex 官方文档的介绍 可以这样理解： 整个Vue程序中，将所有的状态和其管理全部集中在一个单例 S 阅读全文