1.学习慕课网上的vue教程，推荐源代码文件下的构造如下，

推荐src下目录：

1.api：放置后端请求相关代码，包括ajax，jason-p（跨域ajax发送http请求的方法）等，.gitkeep保证能上传到git上；
2.common：放置通用静态资源，如字体文件，公用图片，通用js、样式文件； 3.components:组件；
4.router：路由相关文件；
5.store：存放vuex相关代码
6.App.vue: 项目入口文件，我们也可以直接将组件写这里
7.main.js: 项目的核心文件

2.移动端入口文件index.html的meta设置

 <meta name="viewport" content="width=device-width,initial-scale=1.0">

1.initial-scale
初始缩放。即页面初始缩放程度。这是一个浮点值，是页面大小的一个乘数。例如，如果你设置初始缩放为“1.0”，那么，web页面在展现的时候就会以target density分辨率的1:1来展现。如果你设置为“2.0”，那么这个页面就会放大为2倍。

2.maximum-scale
最大缩放。即允许的最大缩放程度。这也是一个浮点值，用以指出页面大小与屏幕大小相比的最大乘数。例如，如果你将这个值设置为“2.0”，那么这个页面与target size相比，最多能放大2倍。

3.user-scalable
用户调整缩放。即用户是否能改变页面缩放程度。如果设置为yes则是允许用户对其进行改变，反之为no。默认值是yes。如果你将其设置为no，那么minimum-scale 和 maximum-scale都将被忽略，因为根本不可能缩放。

3.jsBridge的相关学习

1.移动混合开发中的 JSBridge

2.JSBridge官方github

3.Android 与 JavaScript 相互调用桥梁 JSBridge

4.熟悉新项目-财人汇销户

1.扩展运算符实质上就是把数组转换为用逗号隔开的一个个参数，该运算符将一个数组，变为参数序列。es6扩展运算符

2.项目的router.js未按标准方式书写，好处是能全局化和实现懒加载。
Vue2.0入坑-vue-router

3.v-on的disable用法可以控制表单元素

<button :disable="loading" class="btn full-width" @click="submit">结算转账</button>

4.不管是vue-cli自带的还是自己配的webpack.config.js，设置alias别名是很有必要的，

 resolve: {
    alias: {
      '@assets': setPath('src/assets'),
      '@config': setPath('src/configs'),
      '@lib': setPath('src/libs'),
      '@page': setPath('src/components/pages'),
      '@module': setPath('src/components/modules'),
      '@partial': setPath('src/components/partials'),
      '@model': setPath('src/models')
    },
    extensions: ['.ts', '.vue', '.js', '.styl', '.css']
  },

5.学习上次牛邦大佬来做的分享，每一次看都有新的收获。比如结合这个项目，
从MVC的设计模式来说，这个项目将model也就是数据模型层相关的数据处理，
全部交于mobx-vue进行处理，页面的Vue只是调用数据处理方法，并获得数据。严格的践行了设计模式，页面的vue实质上是view和controller的结合。

因为 Vue组件不存在所谓controller层分离，因此数据接口的预处理尽量避免在组件内完成，最佳的办法是这些处理统一由容器组件（Page）完成，将组件需要的数据结构以组件 props的方式传入。

6.本项目就是采用的集成在vscode里的REST-CLIENT插件，并定义在http文件夹里的dev.http，点击链接即可测试API，简单方便