vue开发移动端app-学习记录

目录

持续更新中，学到一点写一点😔

1. 项目结构
2. H5与app的区别
3. 项目框架搭建
4. 使用iconfont图标库
5. 连接真机调试
6. 打包apk发布
7. 使用mint ui 组件
8. 使用vant ui 组件
9. 调用h5 + api
10. Axios请求封装
11. 偷师学艺：浏览器访问手机端网页并审查元素
    4
    项目结构
    

Vuex学习
每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。
https://vuex.vuejs.org/zh/guide/

npm install vuex --save

项目的适配
因为移动端设备屏幕大小，屏幕比例什么的差别比较大，所以移动端项目的适配问题就显得尤为重要，这里我们主要使用flexible.js进行适配，
引入flexible.js，在main.js里引入flexible.js文件，可将flexible.js作为静态文件放在最外层static文件夹里引入，如下图

页脚标签。 router-link 导航标签。进行跳转 keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们

1、window.location.href=URL ： 在本窗体打开一个新的页面，也是最常用的一种方法；

2、window.open(URL) ： 在一个新的窗口打开一个新的页面；

3、location.replace(URL) ：本窗口的页面被替换为一个新的页面URL，替换后不可以回退到上个页面；

4、localtion