Vue组件

一、组件的写法

Vue.component('组件名①'，{
    props:{
        这里填写父传子的参数
        val：{
            type:String,
            default:"我是父参数"
        }
    },
    data（）{

        return{
        }
    }，
    ②methods：{
    
        //子传父的方法
            $emit（'enter',this.val）
        //父收参
        //<input  @enter="fn"      />
        //在父中的methods中调用fn函数，fn（val）{    }
    
    }，
    watch：{

    }，
    computed：{

    }，
    mounted（）{ 

    }，
    template:③

})
①：这里填写组件名，不可以与关键字及html标签重名，在脚手架中为文件名（在别处调用是标签就是文件名）
②：方法，子传父的方法要在这里调用
③：脚手架中不需要填写
    非脚手架中有两种方式1、可以直接写html
                       2、在html中创建template标签，这这里绑定他的id