Vue组件

一，组件就是由HTML,CSS,Javascript构成的，把页面中的某一块功能界面封装起来，提高了界面效果代码的复用性

1.1组建的注册

在创建组件中我们要注意  组件名大写在HTML中不能生效

1，组件我们写在了JavaScript中，在js中要区分大小写，而在HTML中不区分

2，JavaScript中定义组件名字是组合词，首字母大写，那么在HTML中使用组件默认是单词与单词之间用-隔开

二，局部注册我们上面写的就是全局的一个组件：当Vue创建，组件就会被加载，不管该组件使不使用，都会被加载【占内存】【入门程序】，那么什么是局部组件：当我们使用到某个组件，该组件才会被创建，如果不使用该组件，那么该组件不会被创建

我们还可以对组件进行优化，通过以上组件注册的方式，在编写模板【html】时，非常麻烦，我们可以把把模板和js进行分离【模板在html中编写】 注意：（1，模板需要卸载template标签中，template标签卸载容器外部。2，在template标签中只能有一个根标签）

三在html中有一些父子标签，在父标签中只能有特定的子标签【严格规范】【table、ul、ol、dl.....】，如果把子标签封装成组件，在父标签中通过传统方式使用组件，那么会出现显示的效果问题，我们需要通过is进行使用组件

    
    
    



    

        

        

            
姓名
            
年龄
            
性别
        
        
        


        
    

四，上面我们所写的代码都是简单的，那么如何进行组件嵌套在组件中使用组件

这是出现了一个问题，如何把父组件的数据传送给子组件，也很简单只需要在子组件中设置一个接受数据的属性我们通过props来接受