组件入门代码(非单文件组件)

创建组件

 // 创建学校组件
        const school = Vue.extend({
   
            template:` <div> <h1>{
    {name}}</h1> <h1>{
    {address}}</h1> </div> `,
            data:function(){
   
                return{
   
                    name :"清华大学",
                    address:"北京"
                }
            }
        })

我们在HTML页面可以创建组件,创建的位置是

我们创建的一个组件里面需要有data里面的数据,还需要有页面模板,也就是标签

注册组件(局部注册)

注册组件(全局注册)

使用组件

入门总结

组件名字如何起

组件的嵌套(入门)

VueComponent