前端小奈叽须知---组件篇

本文主要是介绍前端小奈叽须知---组件篇，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

、引入公共组件 （common: header  footer ）

1.全局引入 在 vue 的 main.js 中引入  （注：底部组件放在router-view下面自动显示在页面底部）

import Header from'./components/common/Header.vue' //文件所在位置Vue.component("Header",Header) //第一个参数是你所起的别名import Footus from'./components/common/Footus.vue'Vue.component("Footus",Footus)

<template><div id="app"><Header></Header> //头部组件<router-view /> //显示页面内容<Footus></Footus> //底部组件</div>
</template>

2.局部引入 在需要 header 的部分页面直接引入

<template>
<Header></Header>//直接引用
</template>

<script>
import Header from'../components/common/Header.vue'
//Vue.component("Header",Header)
export default {components: {Header  //添加注册组件事件},
}
</script>

这篇关于前端小奈叽须知---组件篇的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---