【uni-app】⼩程序使⽤框架整理（⼀）
最近开始⼊坑⼩程序，使⽤的框架是uni-app，ui组件⽤的是uview和uni-app的组件
1. tabBar链接的页⾯在使⽤uni.navigateTo或者navigate标签使⽤跳转失效
2. tabBar不⽀持⼩程序修改iconWidth，spacing，height
3. APP.vue不⽀持使⽤template模板及data数据定义
4. 使⽤vuex
手机自带浏览器5. 使⽤组件需要⾃调⽤时的⽅式
6. 调⽤接⼝使⽤⽅式
1. tabBar链接的页⾯在使⽤uni.navigateTo或者navigate标签使⽤跳转路由失效
解决办法：使⽤uni.switchTab进⾏页⾯跳转
uni.switchTab({
鱿鱼干
url:'/pages/info/index'
})
2.tabBar不⽀持⼩程序修改iconWidth，spacing，height
解决办法：没有解决，不知道是不是我的打开⽅式不对，如果你页遇到这种问题的话，可以尝试⾃定义底部菜单栏3. APP.vue不⽀持使⽤template模板及data数据定义
操作：按照普通vue模板的⽅式写⼊app.vue中，export default中的data⼀直报错
解决办法：更换了模板位置，并没有从源头解决问题
4.使⽤vuex
操作：
1. 项⽬最外层新建store⽂件夹，⽂件夹中包括index.js
//⽂件内容
import Vue from'vue'
import Vuex from'vuex'
import common from'./common'
Vue.u(Vuex)
export default new Vuex.Store({
modules:{
common
}
})
2. index.js中引⼊的common.js⽂件中根据vuex的写法写⼊需要保存的数据及操作
// 最后导出
唯美爱情诗句export default{
state,
getters,
actions,
mutations,
卫生巾怎么用namespaced:true包含体
}
3. 最后在main.js中写⼊store相关
蝴蝶泉公园import store from'./store'
Vue.prototype.$store = store
const app =new Vue({
...App,
store
})
5. 使⽤组件需要⾃调⽤时的⽅式
*现象：按照vue的写法写上name再进⾏使⽤即可，但uni-app中这样写是不⽣效的
解决办法：按照普通引⼊组件的⽅式在当前组件中引⼊当前组件
<template>
<view class="tree">
<view>
<tree :list="list"></tree>
</view>
</view>
</template>
<script>
import tree from'@/components/tree.vue'
export default{
name:"tree",
components:{ tree },
作文题
};
会计刺客2</script>
6. 调⽤接⼝使⽤⽅式
现象：直接使⽤服务器地址会出现报错信息，提⽰需要在微信⼩程序开发⼯具中进⾏服务器域名配置，配置时会提⽰只能配置域名不⽀持服务器
解决办法：当没有域名时，可以选择微信开发者⼯具中的详情–本地设置–勾选不校验合法域名、webview、TLS版本以及HTTPS证书
总结:⼩程序还是挺有意思的，遇到问题的时候多看看⽂档不⽌是uni-app的⽂档，也要多看看微信⼩程序的官⽅⽂档，毕竟uni-app是基于微信⼩程序的，uni-app上找不到的答案可能就在微信⼩程序的官⽅⽂档上哦~还有⼀个就是框架不是万能的，可能不会满⾜你的所有需求，但是当不满⾜需求的时候换个思路去想问题，问题也能得到解决，可能满⾜不满⾜也没那么重要了。
