Vue.js的main.js的示例-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

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;

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章