小编kas*_*lli的帖子

我正在尝试学习vue并在下面创建纯粹用于测试目的的示例:

import App from '../comp/app.vue';
import Two from '../comp/two.vue';

const routes = [
    { path: '/', component: App },
    { path: '/two', component: Two }
]
const router = new VueRouter({
    base: base.pathname,
    mode: "history",
    routes // short for routes: routes
})

window.app = new Vue({
    el: "#container",
    data: {
        message: "home",
        date: new Date(),
        seen: false,
        fruits: [
            { name: "apple" },
            { name: "orange" },
            { name: "banana" }
        ]
    }
})

但是,在插入任何值之前,页面将在短时间内显示胡子语法.几乎就像VueJS不工作一样.片刻之后,VueJS将启动并填写变量的正确值.

为什么会发生这种情况？如何解决此问题？

在我的JS应用程序中,我有许多Ajax调用async: false.我正在使用最新的Chrome浏览器,并在我的控制台下方警告最近出现.

主线程上的同步XMLHttpRequest因其对最终用户体验的不利影响而被弃用.如需更多帮助,请访问http://xhr.spec.whatwg.org/.

我现在想给所有更改async: false到async: true.但它会导致很多错误,因为我的应用程序需要运行async: false.

警告只是一个错误或什么？我可以担心或忽略这一点吗？

我讨厌在代码中重复一些事情.现在我在main.js中导入这样的vue文件.

import Default     from '../../src/components/default.vue';
import Home        from '../../src/components/home.vue';
import hakkinda    from '../../src/components/hakkinda.vue';
import projeler    from '../../src/components/projeler.vue';
import servisler   from '../../src/components/servisler.vue';
import yetenekler  from '../../src/components/yetenekler.vue';
import yetenek     from '../../src/components/yetenek.vue';
import referanslar from '../../src/components/referanslar.vue';
import iletisim    from '../../src/components/iletisim.vue';

有没有办法用更少的线做同样的事情？如果我可以从filename分配变量名称,那可能会很棒.PHP可以帮忙吗？但那么如何编译main.js？我没弄明白.