app1:

1、最简单全局组件:

cpt3:

2、组件data必须是函数形式(多次引用同一组件值中互相影响1):

cpt1:

3、组件data必须是函数形式(多次引用同一组件值中互相影响2):

cpt1:

4、DIV组件中值传到JS:

cpt2:
app2:

1、最简单全局组件:

cpt3:

2、最简单局部组件:

cpt4:

3、下拉框条目是组件:

cpt5:

4、组件里data必须是函数:

cpt6:

5、全局组件使用实例父数据:

cpt2:

6、子组件使用子组件数据:

cpt7:

7、子组件使用全局数据:

cpt14:

8、子组件使用父数据:

cpt15:

9、数据双向绑定:{{msg}}


10、父数据,父数据对象数据,DIV中自有值,子组件中data,子组件中计算data传到本子组件:

cpt8:

11、在子组件里改变父组件值1:{{obj}}

cpt9:

12、在子组件里改变父组件值2:{{arr1}}

cpt10:

13、DIV值替换组件值:{{arr1}}

cpt11:

14、tit作为props不在dom标签里显示,a="aaaa"会在dom标签里显示:

15、事件-父-子data不影响:

cpt12:根num2:

{{num2}}

根num2带父methods-click:

{{num2}}

子num2带子methods-click:

16、组件里方法调用父方法:

根num2带父methods-click:

{{num2}}

子num2带子methods-click:

17、原生事件,dom中子组件绑定父方法{{num2}}:

18、子组件方法改变父data值{{num2}}:

19、双向绑定的另种写法{{msg}}:

20、组件里双向绑定父data{{msg}}:

cpt20: 51分

21、非父子组件通讯(实例2){{num}}:


app3:

1、非父子组件通讯(实例3):一个实例的方法调用另实例方法从而改变另一个实例的data: