Vue.js的main.js的示例

import Vue from 'vue';

import App from './App.vue';

import ViewUI from 'view-design';

import 'view-design/dist/styles/iview.css';

import VueRouter from 'vue-router'

import a from './a.vue'

import b from './b.vue'

Vue.use(ViewUI)

Vue.use(VueRouter)

const routes = [{

path: '/a',
    component: a
},
{
    path: '/b',
    component: b
}           

]

const router = new VueRouter({

routes // (縮寫) 相當于 routes: routes           

})

var app = new Vue({

el: '#app',
router: router,
data: {
    a: true,
    b: true
},
render: function(createElement) {
    return createElement(
        // {String | Object | Function}
        // 一個 HTML 标簽名、元件選項對象，或者
        // resolve 了上述任何一種的一個 async 函數。必填項。
        'div',
        // {Object}
        // 一個與模闆中屬性對應的資料對象。可選。
        {
            // (詳情見下一節)
        },
        // {String | Array}
        // 子級虛拟節點 (VNodes)，由 `createElement()` 建構而成，
        // 也可以使用字元串來生成“文本虛拟節點”。可選。
        [
            createElement(App, {
                props: {
                    a: this.a,
                    b: this.b
                }
            })
        ]
    );
},           

});

window.app = app;