vue-quick-menu是用于Vue.js的易于使用且跨平台的径向hamburger导航组件。

安装和下载：

# NPM
$ npm install vue-quick-menu --save

使用：

1.安装并导入组件。

import Vue from 'vue'
import quickMenu from 'vue-quick-menu'

2.注册组件。

export default {
  components: {
    quickMenu
  },
}

3.将径向导航组件添加到模板。

<quick-menu :menu-count=getCount :icon-class=icons :menu-url-list=list :background-color=backgroundColor :color=color :position=position :is-open-new-tab=getIsOpenNewTab @process=print></quick-menu>

export default {
  name: 'demo',
  data () {
    return {
      count:4,
      icons:["fa fa-github","fa fa-comment","fa fa-code","fa fa-envelope"],
      list:[{'isLink':false},{'isLink':true,url:"/doo"},{'isLink':true,url:"/foo"},{'isLink':false}],
      backgroundColor:'#17c4c5',
      color:'#ffffff',
      position:'top-left',
      isOpenNewTab:false
      
    }
  },
  components:{
  'quickMenu':quickMenu
}}

Props：