我想绕着我的头转.我习惯于这样实例化Vue...

vm = new Vue({
   el : '#vueRoot',
   data : { msg : 'hello' }
   ...
})

现在I'm being asked to个实例将其通过路由...

vm = new Vue({
   router  
}).$mount('#vueRoot');

My question is where do I put my 100 or 101, or whatever other Vue properties I would normally use?我发现我的根Vue可以有标记,包含router-link个元素.我是否明白,一旦我使用路由,所有东西都应该是组件?

推荐答案

您可以使用默认符号:

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

但模板中必须有<router-view/>个元素.

Vue.js相关问答推荐

如何只提取一次用于无线电组过滤的数据,而不是针对数据库中的每个条目提取数据?

何时将代码拆分为 Nuxt 中的组件?

如何在 VUE.js 中重新刷新时保持多层 b-collapse 菜单打开?

在组件之间共享 websocket 连接

使用带有 v-date-picker 的 new Date() 不起作用

实现登录命令并访问 vuex 存储

如何将Vue的主应用程序渲染到body元素?

Vue 和 TypeScript 所需的props

axios.patch / axios.put 在 Vue 和 Laravel 中不起作用

如何将 vuetify 2.0 beta 安装到新的 vue cli 项目中?

Vuejs 3 从子组件向父组件发出事件

如何将 git hash 添加到 Vue.js 组件

带有后退按钮的 Vue.js 路由

使用 Vue.js & DataTable(jquery 插件)

vuex - 即使不推荐,是否可以直接更改状态?

如何从 Vuex 操作访问 Vuex 状态属性?

Vuejs 组件等待 facebook sdk 加载

Vue过滤器应该如何使用typescript绑定?

在 Vue 中使用事件修饰符 .prevent 提交表单而不进行重定向

如何隔离 Vuetify 全局样式