VUE(Aside-Button)之组件封装

VUE
大多数系统导航栏都大同小异，所以对一些常用的左侧导航栏做了一下封装，有需要的copy，非常之简单。
components下index.js注册：
import 你的组件名 from ‘./你的包名/你的组件名’
Vue.component(你的组件名.name, 你的组件名)。

全局mian.js里注册：
import ‘./components/index’

id：作为点击响应的绑定（当然你也可以有其他方式）。
icon：Iconfont的图标Unicode或者Font class。
\u3000：占位，为了你的按钮名不一致而对其（在script中直接用）。

度娘直接搜索vue文本占位符）

	<div class="main"
	v-on:click="click(item.id)"
	v-for="item in itemList" v-bind:key="item.id">
		<i class="iconfont aside_icon_home" v-html="item.icon" ></i>		
		<label class="aside_title" >{
  {item.label_value}}</label>
	</div>

script

export default {
name:‘aside_button’,
data() {
return{
icon:"",