vue 将页面公用的头部组件化的方法
发布时间：2020-12-17 02:40:22 所属栏目：百科 来源：网络整理
导读：本文介绍了vue 将页面公用的头部组件化的方法，分享给大家，具体如下： 呃……重新捡起前面用vue-cli快速生成的项目。 之前是做过一个多页面的改造，以及引入vux的ui组件，这次在这个项目的基础上，再来聊聊vue中的component。 别问我为啥总是写关于vue的博
|
本文介绍了vue 将页面公用的头部组件化的方法，分享给大家，具体如下： 呃……重新捡起前面用vue-cli快速生成的项目。 之前是做过一个多页面的改造，以及引入vux的ui组件，这次在这个项目的基础上，再来聊聊vue中的component。 别问我为啥总是写关于vue的博客，都是为了生计（………………） 这是官方的文档地址（https://cn.vuejs.org/v2/guide/components.html#什么是组件？），关于组件写了一大堆，一看就知道这个很有用啦。 关于一些组件的概念之类的就不一一介绍了，官方文档说的很详细。 下面进入正题，直接下载项目 一 拿出之前的项目
二 在这种需求下 ，自然就要使用我们的组件了，在index.js中添加如下代码。{{message}} `
})
// props用来传递数据
//template 一个html结构的模板
需要注意的是：因为在之前项目是用了vue路由，backUrl这个参数是个可以配置的路由，在实际项目中可以按照自己的需求去配置。 三 在另外两个demo页面添加代码demo1.vue中添加如下代码 demo2.vue中添加如下代码 四 最后运行打开网页可以看到
继续甩上之前的项目的github地址 https://github.com/qianyinghuanmie/vue-cli- 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
