vue 组件学习

1、定义全局组件

html:

js:

输出结果：

2、定义局部组件(只在当前作用域有效)

html:

js:

3.组合组件

1.使用props 传递数据(子组件使用父组件的数据)

html:

js:

输出结果:<span>hello</span>

动态props:

我们可以用 v-bind 来动态地将 prop 绑定到父组件的数据。每当父组件的数据变化时，该变化也会传导给子组件： 

html:

js: