vue组件的注册方法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/enjoy_sun_moon/article/details/88340810

全局注册

//组件本身就是一个vue实例
// 
var nvar = vue.extend({
    template:"<h1>你好啊<h1>"
})
vue.component("mynav",nav)
new vue({
    el:#app
})
vue.component("mynav",{
    "template":"<h1>你好啊</h2>"
})
//下面这两种挂载方式都可用
//new vue.$mount("#app")
new vue({
     el:#app
})
var navs = {
    "template":"<h1>你好啊</h2>"
}
vue.component({
    "mynavs",nav
})
//挂载点
//new vue.$mount("#app")
new vue({
   el:#app
})

局部注册:

var mynav = {
    template:"<h1>你好啊</h1>"
}
new vue ({
    el:#app,
    compoents:{mynav} // mynav : mynav
    data;{}
})    

猜你喜欢

转载自blog.csdn.net/enjoy_sun_moon/article/details/88340810