第一个问题：关于.vue文件的几个语法
来源：1-5 Vue项目预热 - 单文件组件与Vue中的路由（2）
生南国
2020-10-30 15:29:45
# 具体遇到的问题
想问一下
1、import * from '*'，这两个单词的意义、用法以及后面需要跟着什么；
2、export default ，这两个单词的意义、用法以及后面需要跟着什么；
3、path: '/list',
name: 'List',
component: List
这里面的name是不是要等于list.vue中的name
<script>
export default {
name: 'List'
}
</script>
# 相关课程内容截图
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
下面的代码是课程中router目录下index.js中的代码
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/pages/home/Home'
import List from '@/pages/list/List'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'Home',
component: Home
}, {
path: '/list',
name: 'List',
component: List
}
]
})
在这里输入代码，可通过选择【代码语言】突出显示
1回答
-
同学你好，解答如下：
1、import * from '*' 表示从 xx 导入 xxx模块；import 后添加组件名字、from后添加组件的路径；
使用方法，例如：import List from '@/pages/list/List'
2、export default 表示默认导出，相当于提供一个接口给外界，让其他文件通过 import 来引入使用。
使用方法，如视频中所示：
在本页面中，它内部添加一些routes路由，例如：
3、不是的，二者没有关系哦。这里的name属性，有一个用法是：为一个页面中不同的router-view渲染不同的组件,如：将上面代码的Hello渲染在 name为Hello的router-view中，将text渲染在name为text的router-view中。不设置name的将为默认的渲染组件。
例如：
不过我们目前不涉及，可以作为知识扩展即可。
祝学习愉快~
0
相似问题