第四,vue-router编程式路由(和vue-cli关闭Eslint验证)

vue-router编程式路由

编程式路由就是通过写js代码来实现页面的跳转。

①在test.vue组件里面写个div并添加click事件。

$router.push('name'); 或者 $router.push({path: 'name'});这两个方法是等效的。

②在view文件夹下新建立goods.vue并且内容:

③在router文件夹下index.js里面引入goods组件。

④进入cmd运行命令npm run dev,向浏览器输入localhost:8080/#/test

然后点击最下面“点击跳转。。。。页面”,跳转到:



vue-cli关闭Eslint验证

vue-cli手脚架构建的项目经常报eslint检查错误,cmd运行命令npm run dev之后出现报错。

报错信息:

关闭Eslint验证方法:

找到build文件夹下webpack.base.conf.js打开,注释掉下面代码:

关闭了Eslint验证,重新开启则去掉代码注释。




猜你喜欢

转载自blog.csdn.net/li__po/article/details/80480694