絮叨：
前段时间要做一个混合开发 h5+Android，以及微信公众号开发，商城模块+订单模块由h5开发，想着若以vue-cli开发的话实在不方便，不需要那么多的依赖，每次有不同的页面入口，又要重新更换默认路由和打包，很是麻烦，所以本人就想这时用传统页面或许更简单一些，不要抛弃传统~。
- 开发技术
jquery + vue + vue-router + axios - 开发流程
1.新建一个good.html 页面
good.html
· {{i}}新概念英语
第一册·lesson 1 a private
2017-11-25
￥298购买
2.新建一个good.js文件，注册一个组件
goods.js
const List = function(resolve, reject) {
$.get('good.html').then(function(res) { // 注意$.get(url)
resolve({ // 这里是构造一个component
template: res,
data: function() {
return {
list: [],
}
},
mounted: function() {
},
methods: { // 注意此时在methods 里面 function 不可简写 ，必须写成一下形式
transferRoute: function() {
this.$router.push({
path: '/detail/1'
});
},
}
});
})
}
3.新建一个file.js文件（这个文件不是必须的，本人只是为了规范化，也可以直接在index.html页面直接引入相应的js文件）
file.js
// goods 模块
document.write('');
document.write('');
4.新建一个route.js文件，配置路由
// 路由配置（和vue-cli一样）
const routes = [
{ path: '/', component: List },
{ path: '/list', component: List }, // 注意 !这里的List 就是good.js里面实例 List，以下同理
{ path: '/detail/:id', component: Detail },
];
// 实例化路由
const router = new VueRouter({
routes
});
5.最后一步，是在入口文件index.html 中引入主要的文件，和实例化vue,以及挂载路由。
商品页面
好了，到这里就是一个传统开发模式下的单页面开发的流程，小记小记~，若各位有更好的方案，尽情赐教，小女子不胜感激~
