vue 尚品汇实战项目（一）

1、项目开发流程：

1.书写静态页面

2.拆分组件

3.获取服务器的数据动态展示

4.完成相应的动态业务逻辑

2.路由组件与非路由组件的区别？

1：路由组件一般都放在pages/views文件夹，非路由组件一般都放在componets

2：路由组件一般都需要在router文件夹中进行注册（使用的就是组件的名字），非路由组件使用的时候一般都是以标签的形式

在main.js中注册路由信息，书写router的时候，组件的身上都拥有$route $router属性

$route：一般获取路径信息【路径、query、params等等】

$router：一般进行编程时导航路由跳转【push|replace】两种区别能不能记住历史记录

3、路由传递参数的三种写法：字符串形式、模板字符串、对象

this.$router.push("/search/" + this.keyword + "?k=" + this.keyword.toUpperCase());

this.$router.push(`/search/${this.keyword}?k=${this.keyword.toUpperCase()}`);

this.$router.push({name:"search",params:{keyword:this.keyword},query:{k:this.keyword.toUpperCase()}});

3、路由的params参数和query参数的传递

params参数：路由需要占位，在路径中占位:keyword

{
	path:'/