Vue组件(自定义)
全局组件
方法一:
// 1- 声明且挂载组件
Vue.component("组件名",{
template:`<div><b></b></div>`
})
//2- 使用组件
<组件名></组件名>
方法二:
// 1- 定义组件结构
<template id="my-card">
<div><b></b></div>
</template>
//2- 挂载组件
Vue.component("组件名",{
template:#my-card
})
//3- 使用组件
<组件名></组件名>
示例1:页面展示效果三部分
<body>
<div id="app">
<!-- 使用导航栏组件 -->
<component-a></component-a>
<component-b></component-b>
<!-- <component-c></component-c> -->
</div>
<script src="./node_modules/vue/dist/vue.js"