父组件通过props属性向子组件传递数据，定义组件的时候可以定义一个props属性，值可以是一个字符串数组或一个对象。 例如: 这里我们给child这个组件定义了名为title的props，父组件通过title特性传递给子组件,渲染为: props除了数组,也可以是一个对象 ...

我们在开发组件时有时需要和父组件沟通，此时可以用自定义事件来实现 组件的事件分为自定义事件和原生事件，前者用于子组件给父组件发送消息的，后者用于在组件的根元素上直接监听一个原生事件，区别就是绑定原生事件需要加一个.native修饰符。 子组件里通过过this.$emit()将自定义事件以及需要 ...

Vue.js提供了v-model指令用于双向数据绑定，比如在输入框上使用时，输入的内容会事实映射到绑定的数据上，绑定的数据又可以显示在页面里，数据显示的过程是自动完成的。 v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理 ...

模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护,比如: 这样模板不再是简单的声明式逻辑，必须看一段时间才能意识到，对于这些复杂 ...

QQ:22969969 源码分析 _init初始化的时候会执行initLifecycle( ...

Vue有三个属性和模板有关，官网上是这样解释的: el　　　　　;提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标 template　　;一个字符串模板作为 Vue 实例的标识使用。模板将会 替换 挂载的元素。挂载元素的内容都将被忽略，除非模板的内容有分发插槽 ...

methods中定义了Vue实例的方法，官网是这样介绍的: 例如:: 显示的样式为: 当我们点击按钮后变为了: methods方法中的上下文为当前实例，也就是this为当前实例。 注:不应该使用箭头函数来定义 method 函数 ...

先来看看官网的介绍: 简单的说，当组件的引入层次过多，我们的子孙组件想要获取祖先组件的资源，那么怎么办呢，总不能一直取父级往上吧，而且这样代码结构容易混乱。这个就是这对选项要干的事情 provide和inject需要配合使用，它们的含义如下: provide ;一个对象 ...