如何用Vue重构有赞商城，打造长尾词优化策略？
- 内容介绍
- 文章标签
- 相关推荐
本文共计5870个文字，预计阅读时间需要24分钟。
这是我第一个Vue项目，历时两个多月期完成了。通过这个项目，我了解了Vue框架的基本语法及生命周期等特性，并掌握了vue-loader、vue-cli、vue-router、vuex等工具的基本使用方法。
这个是我的第一个vue项目，历时了两个多星期完成吧，通过这个项目了解了vue框架的基本语法以及生命周期等特性，并且了解了vue-loader、vue-cli、vue-router、vuex的基本使用方法，以及使用到axios，swiper，mint-ui，Volecity库，收获颇深，因此想在此简单地叙述一下重构有赞商城的基本思路以及当中的一些重要操作，另外当作对自己项目的回顾以及相关vue知识的总结。
以下是本次项目的代码链接和预览链接：
代码链接：github.com/Leonardo-zyh/Vue-youzanStore
预览链接：leonardo-zyh.github.io/Vue-youzanStore/dist1/
首先这次重构有赞商城使用的是一个多页面应用的重构思路，因此在进行重构之前要对项目文件进行一些配置和调整，具体的操作的话可以点击以下这个链接进行查看：基于vue-cli搭建一个多页面应用
在完成了多页面应用的基础结构的搭建之后，会出现项目根目录下有一个src文件夹，src文件里有components、modules、pages三个文件夹的情况，而components文件夹是用来放置一些共用的vue组件的，而modules文件夹里是放置一些共用的css、js模块，至于最后的pages文件夹则是用来放置有赞商城的不同页面的文件，每个页面都会在pages内呈一个单独的文件夹，里面会放置关于这个页面的独有的所有文件。
本文共计5870个文字，预计阅读时间需要24分钟。
这是我第一个Vue项目，历时两个多月期完成了。通过这个项目，我了解了Vue框架的基本语法及生命周期等特性，并掌握了vue-loader、vue-cli、vue-router、vuex等工具的基本使用方法。
这个是我的第一个vue项目，历时了两个多星期完成吧，通过这个项目了解了vue框架的基本语法以及生命周期等特性，并且了解了vue-loader、vue-cli、vue-router、vuex的基本使用方法，以及使用到axios，swiper，mint-ui，Volecity库，收获颇深，因此想在此简单地叙述一下重构有赞商城的基本思路以及当中的一些重要操作，另外当作对自己项目的回顾以及相关vue知识的总结。
以下是本次项目的代码链接和预览链接：
代码链接：github.com/Leonardo-zyh/Vue-youzanStore
预览链接：leonardo-zyh.github.io/Vue-youzanStore/dist1/
首先这次重构有赞商城使用的是一个多页面应用的重构思路，因此在进行重构之前要对项目文件进行一些配置和调整，具体的操作的话可以点击以下这个链接进行查看：基于vue-cli搭建一个多页面应用
在完成了多页面应用的基础结构的搭建之后，会出现项目根目录下有一个src文件夹，src文件里有components、modules、pages三个文件夹的情况，而components文件夹是用来放置一些共用的vue组件的，而modules文件夹里是放置一些共用的css、js模块，至于最后的pages文件夹则是用来放置有赞商城的不同页面的文件，每个页面都会在pages内呈一个单独的文件夹，里面会放置关于这个页面的独有的所有文件。