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;