vue组件的使用

来源:互联网 发布:web软件开发工程师 编辑:程序博客网 时间:2024/05/16 08:41

看官方文档:  在有些情况下,组件也可以表现为用 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>

原创粉丝点击