四、路由
1、路由(可以理解为途经)
(1)路由是根据不同的URL来展示不同的内容或页面
(2)路由跳转与a标签跳转区别
-
路由跳转:在单页面应用程序当中,大部分页面结构不变,只改变部分内容
-
a标签:每次点击都会刷新,重新加载页面
2、路由的配置
(1)路径:path(路由地址)
(2)名称:name
(3)对应的路由组件:component
(4)@:src的别名
(5)重定向:redirect
3、路由跳转
this.$router.push( ' 路由地址 ' )
五、代码规范化
1、安装 npm i -S eslint-plugin-vue
2、.eslintrc,配置
"plugins": [
"vue"
]
3、vscode首选项 settings.json中添加
{
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",{
"language": "vue",
"autoFix": true
},"html",
"vue"
]
}
网友评论