Vue.js——6.创建组件
Posted ruogu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue.js——6.创建组件相关的知识，希望对你有一定的参考价值。
Vue组件
组件就是为了拆分Vue实例的代码量，能够不同的功能定义不同的组件
创建组件的方法
1.
// 创建组件
let com1=Vue.extend({
template:‘<h1>hellow</h1>‘//必须加标签名称
})
Vue.component(‘myCon1‘,com1)
引用 <my-con1></my-con1>
//或者不用驼峰
第二种
Vue.component(‘myCon1‘,{
template:‘<h1>hellow</h1>‘
})
第3种
Vue.component(‘myCon1‘,{
template:‘#tmp1‘
})
在app外面
<template id="tmp1">
<h1>hollow</h1>
</template>
以上是关于Vue.js——6.创建组件的主要内容，如果未能解决你的问题，请参考以下文章
Laravel 6 + Vue.js 无法挂载组件：未定义模板或渲染函数