移动端开发时遇到的一些问题与解决办法

组件中需要用this.$xx 来调用弹框组件

退出登录时，用容器里的setUser方法，讲user值设为null用来清除数据，本地存储也会跟着变。

this.$store.commit('setUser', null)

身份令牌传给后端的授权方法示例
在api中加入headers，文档中的字段名，数据值（取容器中的token），需导入容器模块，再拼接

export const getUserInfo = () => {
  return request({
    method: 'GET',
    url: '/app/v1_0/user',
    headers: {
      Authorization: `Bearer ${store.state.user.token}`
    }
  })
}

总结：
先在接口文档找到获取用户信息的接口，在api模块中封装方法获取信息，请求需要提供授权的话，需要Bearer token数据，在组件里把请求方法加载进来，用created里面调用加载。

也可以在请求拦截器里直接统一设置token

request.interceptors.request.use(function (config) {
  const { user } = store.state
  if (user && user.token) {
    config.headers.Authorization = `Bearer ${user.token}`
  }
  return config
}, function (error) {
  return Promise.reject(error)
})

swipeable 插件滑动区域由内容所限

作用一个子组件的样式，如果在一个作用域组件样式当中，只能作用到组件的根节点上，如果要影响后代元素，必须加上深处作用操作符。/deep/

细节边框的写法，css渐变色写的话兼容不太好，可以用背景图片，伪元素&：before定位

vue中v-for遍历数组数据进去，需用：绑定

<van-tab
      :title="channel.name"
      v-for="channel in channels"
      :key="channel.id"
      >

步骤：
1.封装一个数据接口用来获取数据
2.在组件中导入进请求方法，定义一个数据用来存储
3.在created里面调用请求方法
4.在methods里请求获取
5.模板绑定上