将页面公用的头部组件化 vue组件化可以调用html页面,vue组件

呃……重新捡起前面用vue-cli快速生成的项目 。
之前是做过一个多页面的改造 , 以及引入vux的ui组件 , 这次在这个项目的基础上 , 再来聊聊vue中的 。
别问我为啥总是写关于vue的博客 , 都是为了生计(………………)
关于一些组件的概念之类的就不一一介绍了 , 官方文档说的很详细 。
下面进入正题 , 直接下载项目
一 拿出之前的项目
二 在这种需求下  , 自然就要使用我们的组件了 , 在index.js中添加如下代码 。
【将页面公用的头部组件化vue组件化可以调用html页面,vue组件】('-item', {
props: ['', ''],
: `
{{}}
})
// props用来传递数据
// 一个html结构的模板
需要注意的是:因为在之前项目是用了vue路由 , 这个参数是个可以配置的路由 , 在实际项目中可以按照自己的需求去配置 。
三 在另外两个demo页面添加代码
demo1.vue中添加如下代码
demo2.vue中添加如下代码
四 最后运行打开网页可以看到