vue.js-创建组件

建议先去他们官方http://cn.vuejs.org/看看文本代码先熟悉下原理

这里我只是记录一些基础的写法;

　　首先下载一个Vue.js的一个库;将其引入html文档中;

   <div id="example">

        <my-component></my-component>

    </div>

    
    //定义 

    var  MyComponent = Vue.extend({

    template:"<div>A custom component!</div>"

    })


    //注册

    Vue.component('my-component',MyComponent)


    //创建一个根实例

    new Vue({

        el:'#example'

    })





 //使用Vue.extend()创建一个组件构造器

var  MyComponent = Vue.extend({
    
            //选项

})


//要把这个构造器用作组件需要用Vue.component(tag,constructor) 注册

    //全局注册组件,tag为my-component

    Vue.component('my-component',MyComponent )

//对于自定义标签标签名字,vue.js不强制要求遵循w3c规则