Vue组件之创建与使用组件

创建vue组件:

使用Vue.component()方法创建组件
Vue.component()有两个参数
参数1:TagName(标签名)
参数2:{
template:组件模型如:

{{title}}

{{content}}

发表时间:{{Date()}}


props:
组件属性如:
[
“title”,//在组件模型h1中使用
“content”,//在组件模型p中使用
]
}
如图:Vue组件之创建与使用组件_第1张图片

使用vue组件

使用vue组件前提是要创建好vue组件,然后使用创建好的vue组件的TagName直接在body中像使用正常的html标签使用即可
如我上面创建得到vue组件使用如下

如图:直接使用即可
运行后:在这里插入图片描述

个人心得:

vue组件应用场景一般在评论区、文章发表等需要对一个模块多次调用时使用,vue组件是将多个标签元素聚集一起组成一个模块。

你可能感兴趣的:(Vue组件之创建与使用组件)