vue组件的使用

看官方文档：  在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。

那么如果我定义了一个组件叫做 Son 那么他也可以这样用？ <Son></Son>

我们来看一个例子

< body >

< div id= "box" >

</ div >

</ body >

< script >

/*

刚刚说到，我要用组件？ 怎么用？

*/

//首先我创建组件。

//这个当然也是组件啦。你看他也有data ，html这些东西啊。

var rootVue= new Vue ({

el : '#box' , // 用el，那么我们就会把template里面的东西，挂载到上面body里面了

data: {

infor : '我是根哈哈哈哈'

},

template : `<div>我是根组件的信息--------------{{infor}}</div>`,

})

// 你看，我就用起来咯。。。。

< / script >