<vue 组件 1、组件化基本使用>

代码结构

组件就是将复杂的功能拆分成简单的块，拆分后的块可以被多处使用。

组件的使用分成三个步骤：

1、创建组件构造器     Vue.extend()

2、注册组件               Vue.component()

3、使用组件              

一、     01-组件化的基本使用

1、效果  

2、代码

01-组件化的基本使用.html

二、     02-全局组件和局部组件

1、 效果

（1）Vue.component('cpn', cpnC) 这样注册是全局组件

（2） 这样注册就是局部组件

let app = new Vue({

                            el: '#app',

                            components: {

                                   // cpn使用组件时的标签名

                                   cpn: cpnC

                            }

                     })

2、代码

02-全局组件和局部组件.html

三、03-父组件和子组件

1、效果

2、代码

03-父组件和子组件.html

四、04-组件模板的分离写法

1、效果

这个效果不太重要，重要的是代码的分离写法

2、代码

04-组件模板的分离写法.html

五、05-组件中的数据存放问题

1、效果

2、代码

05-组件中的数据存放问题.html

	
		
		
	
	

		

			 
{{title}}