vue手机商城项目实战（3）-首页搜索框组件实现

本文接上文：vue手机商城项目实战（2）-底部选项卡公共组件实现

1、在views目录下新建Search.vue代码如下：

我们把搜索框一按钮的形式引入到首页顶部导航栏右侧，点击跳转到搜索页，修改Home.vue代码如下：

程序员导航

优网导航旗下整合全网优质开发资源，一站式IT编程学习与工具大全网站

立即访问

在router\index.js新增搜索组件路由配置如下：

{
	name:"Search",
	path:"/search",
	component:()=>import('@/views/Search.vue')
}