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

目录

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

项目结构

H5与app的区别

项目框架搭建

使用iconfont图标库

连接真机调试

打包apk发布

使用mint ui 组件

使用vant ui 组件

调用h5 + api

Axios请求封装

偷师学艺：浏览器访问手机端网页并审查元素 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文件夹里引入，如下图

页脚标签。 rout