尚硅谷Vue2项目尚品汇笔记及技巧汇总_ue2项目实战--b站尚硅谷--尚品汇项目--详细笔记--d-CSDN博客

本文链接：https://blog.csdn.net/With_Sunflower/article/details/127924262

本文介绍了前端Vue2项目尚品汇的一些关键配置和实用技巧，包括设置浏览器自动打开、关闭eslint、路由params参数处理、短路运算、编程式路由导航以及this的指向与改变。

摘要由CSDN通过智能技术生成

Hello ~ 前端要努力吖 ❤

✍刘有钱的前端问题库

总结

一、设置浏览器自动打开

在package.json文件中

	"scripts": {
   
		"serve": "vue-cli-service serve --open  --host=localhost",  
		"build": "vue-cli-service build",
		"lint": "vue-cli-service lint"
	},

二、关闭eslint校验工具

在vue.config.js文件中：

	module.exports = defineConfig({
   
		lintOnSave: false,
	})

三、如何在跳转路由时指定params参数可传可不传

如果在配置路由的时候占位了（如下）

	const router = new VueRouter({
   
		routes: [
			{
   
				name: 'search',
				path: '/search/:keyword',
				component: Search,
				meta: {
   
					show: true,
				}
			},
		]
	})

但是跳转路由的时候没传递params参数

		this.$router.push({
   
			name: 'search',
            query: