Calculation/app/public/js/component/menu.js

'use strict';
// 导航栏
Vue.component('nav-menu', {
    props: ['title', 'url', 'active', 'tclass', 'icon', 'ml'],
    template: '' +
    '<div class="nav-box">' +
        '<ul class="nav-list list-unstyled">' +
            '<li :class="[ active >= 0 ? \'active\' : \'\' ]">' +
                '<a :href="url" :class="[ tclass ]">' +
                    '<i v-if="icon" class="fa" :class="icon"></i>' +
                    '<span :class="[ \'ml-\' + ml ]">{{ title }}</span>' +
                '</a>' +
            '</li>' +
        '</ul>' +
    '</div>'
});