vue里面的router-view标签是啥意思

Posted 2023-04-07

参考技术A

主要是构建 SPA (单页应用) 时，方便渲染你指定路由对应的组件。你可以 router-view 当做是一个容器，它渲染的组件是你使用 vue-router 指定的。比如：

视图层：

<div id="app">
  <router-view></router-view>
</div>

路由定义：

router.map(
  '/foo': 
    // 路由匹配到/foo时，会渲染一个Foo组件
    component: Foo
  
)

初始化实例:

// start app
var App = Vue.extend()
router.start(App, '#app')

当你访问 /foo 时，router-view 就被 Foo 组件替换了。

组件的嵌套，一样的逻辑，看下文档和demo吧。

文档地址：https://github.com/vuejs/vue-router/blob/1.0/docs/zh-cn/nested.md

本回答被提问者采纳

vue里面三个点是啥意思

...cityCode:this.curCity
state.chartData = ...state.chartData,...val

ES6扩展运算符。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。
console.log(1, [2, 3, 4], 5)

console.log(1, ...[2, 3, 4], 5)
array.push(...[2, 3, 4]);
Math.max(...[14, 3, 77])
可以试试 参考技术A 这是js的拓展运算符，是es6的语法