<span>{{ $route.params.tname }}【{{ $route.params.subname }}】</span>为什么要加$符号

在Vue.js中，使用$符号是为了访问Vue实例的属性或方法。$route是Vue Router提供的一个全局对象，用于访问当前路由的信息，例如路由参数。$route.params是一个对象，包含了当前路由的所有参数。在你提供的代码中，<span>{{ $route.params.tname }}【{{ $route.params.subname }}】</span>是用来显示当前路由的tname和subname参数的值。

范例：在Vue.js中，使用$符号访问路由参数的值：

<template>
  <div>
    <span>{{ $route.params.tname }}【{{ $route.params.subname }}】</span>
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$route.params.tname); // 输出当前路由的tname参数的值
    console.log(this.$route.params.subname); // 输出当前路由的subname参数的值
  }
}
</script>