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

'use strict';
// 导航栏
Vue.component('nav-menu', {
    props: ['title', 'url', 'active', 'tclass', 'icon', 'ml', 'hint', 'hinticon'],
    template: '' +
    '<div class="nav-box" data-toggle="tooltip" data-placement="right" :data-original-title="[ hint ]">' +
        '<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>' +
                    '<i v-if="hinticon" class="fa text-danger ml-2" :class="hinticon"></i>' +
                '</a>' +
            '</li>' +
        '</ul>' +
    '</div>'
});