vue1.0组件

vue组件

• 自定义组件，也叫全局组件
  组件：一个大对象

  var Aaa=Vue.extend({
            template:"所需替换的标签"//如tempalte:"<h1>我是个h1标签</h1>"
          })
  Vue.component("aaa",Aaa)

此时就可以生效了

组件里面放数据:data必须是以函数的形式，函数必须返回一个对象（json）

  var Aaa=Vue.extend({
            data(){
			  return {
			    msg:"我是h标签^_^"
			  }
			},
			methods:{
			  change(){
			    this.msg="changed"
			  }
			},
            template:"<h @click="change">{{msg}}<h>"
          })
  Vue.component("aaa",Aaa)

但是前提是必须挂上Vue，再次重申，vue.js只对html网页上挂上Vue的才生效