vue cli3 的一些不同导致router显示的问题

docwangsir

于 2019-08-02 15:24:53 发布

阅读量657

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue js 文章标签： vue

本文链接：https://blog.youkuaiyun.com/docwangsir/article/details/98206955

25 篇文章

订阅专栏

9 篇文章

订阅专栏

本文探讨了在Vue CLI 3环境下，main.js文件的写法由传统的compiler方式转向runtime方式，即使用render函数替代template，避免了报错并确保页面正常显示。这一变化可能预示着Vue未来的发展趋势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以前的时候主main.js文件我们是这么写的

// compiler
new Vue({
  el: '#app',
  router: router,
  store: store,
  template: '<App/>',
  components: { App }
})

但是现在在vue cli3下默认的写法是

//runtime

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app")

不然的话会报一个错误，并且页面是无法显示的。我感觉vue难不成也想往render函数这方面靠拢吗？