扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家分享的是有关单独引入vue.js文件如何写组件的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
目前创新互联已为上千家的企业提供了网站建设、域名、网页空间、网站托管、服务器托管、企业网站设计、铁山港网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
单独引入vue.js文件写组件的方法：首先引入vue.js文件；然后使用“Vue.component”方法创建一个card组件；最后使父页面调用该组件即可。
单独引入vue.js文件如何写组件？
1、首先引入vue.js文件
2、然后使用Vue.component方法创建一个card组件
Vue.component("card",{
props:{//这里是组件可以接受的参数，也就是相当于面向
// 原型写组件时的配置参数，用户可以传递不同参数，自己定义组件
cardTitle:{//卡片标题
type:String,
default:'这是一个卡片'
},
list:{//列表内容
type:Array,
default:[]
}
},
template:`
{{cardTitle}}
使用：
父页面调用这个组件，最外层必须是vue的实例id为app的div元素包裹才行。