1、最简单全局组件:
cpt3:2、组件data必须是函数形式(多次引用同一组件值中互相影响1):
cpt1:3、组件data必须是函数形式(多次引用同一组件值中互相影响2):
cpt1:4、DIV组件中值传到JS:
cpt2: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:21、非父子组件通讯(实例2){{num}}:
1、非父子组件通讯(实例3):一个实例的方法调用另实例方法从而改变另一个实例的data: