css,js格式现在我们来看看HelloWorld.vue这个页面,这里js,css的代码放置格式它已经帮你写出来了,按照这种格式写就行了,需要提醒的就是style标签中的scoped属性,如果没写这条那么这个style的样式会影响到这个页面所有的子路由,如果加了那么这个样式只对当前页面起作用看完页面我们看看路由的配置如下图路由的路径在router下,刚开始打开会看到有报错,其实不是语法错误,是因为编译器默认编译es5的语法,而vue脚手架用的是es6的语法,我用的编译器是webStorm,只要设置一下就行了。

vue脚手架及vue-router基本使用

vue脚手架及vue-router基本使用

vue脚手架及vue-router基本使用

vue脚手架及vue-router基本使用

vue脚手架及vue-router基本使用

vue脚手架及vue-router基本使用

vue脚手架及vue-router基本使用

vue脚手架及vue-router基本使用

vue脚手架及vue-router基本使用