利用vue做个导航样式

欢迎访问个人博客：https://www.wayblogs.com

思路是这样的：写一个通用的js文件，然后js文件里面写入初始化vue的代码，在vue里面放入导航的数据，然后再在每个导航所指向的页面设置，额，话不多说，具体看代码

1.config.js

var a = new Vue({
	el: "#app", //id
	data: {
		topping_articles: [],
		navs: [{
			name: "首页",
			font: "layui-icon layui-icon-home",//字体图标
			href: "index.html",
			active: false //是否被选择 true：是 false：否
		}, {
			name: "博客",
			font: "iconfont icon-wenzhang1",
			href: "article.html",
			active: false
		}, {
			name: "留言",
			font: "layui-icon layui-icon-dialogue",
			href: "message.html",
			active: false
		}, {
			name: "关于",
			font: "layui-icon layui-icon-username",
			href: "member.html",
			active: false
		}],
	}
});

2.写四个导航所指向的页面

我只写具体的样式和