为何需要prop 在一个父组件包含一个子组件时，父组件和子组件一般来说都需要沟通交流。且通常情况下，是父组件传递数据给特定的子组件，由特定的子组件负责特定的逻辑处理得出特定的值。父组件给子组件传递数据这一过程就是通过为子组件设置prop实现的。使用prop的另一个原因是每个组件的作用域都是 ...

一、组件 　　1> 组件命名方式有两种（注意：在DOM模板中只有kebab-case命名方法才生效）： html中引用组件： <!-- 在DOM模板中，只有 kebab-case命名才生效 --> <my-component-name>< ...

...

概述： 假如父组件需要在子组件内放一些DOM，那么这些DOM是显示或者隐藏，在哪个地方显示，怎么显示，需要slot分发负责。 分以下几种情况分发： 显示结果为：span标签内的内容并没有显示。 单个slot： ...

Vue.js组件中的data与methods 　　例如： 　　Vue.component('mycom',{ 　　　　template:"#temp", 　　　　　　data(){ 　　　　　　　　retrun{ 　　　　　　　　　　msg:'组件中的data数据定义 ...

作用域 在介绍slot前，需要先知道一个概念：编译的作用域。比如父组件中有如下模板： <child-component> {{message}} <child-component> 这里的message就是一个slot，但是它绑定的是父组件的数据，而不是组件< ...

Vue.js中组件嵌套有两种方式 第一种：注册全局组件　　例如在components文件夹下新建一个User.vue组件，然后在main.js文件中注册全局组件 　　有了全局组件的话，就可以在任何一个地方去调用这个东西，然后在App.vue中使用 <users>< ...

Vue.js之组件传值 属性传值可以从父组件到子组件，也可以从子组件到父组件。 这里讲一下从父组件到子组件的传值 　　还以上次的demo为例，demo里有APP.vue是父组件，Header.vue，Users.vue和Footer.vue为子组件，Users.vue中的数据有个数组，现在 ...