Taro踩坑记录(VUE多端同构)

全局变量

1. VUEX
2. global
   utils新建一个global.js

const globalData = {
   };
export const setGlobalData = (key, val) => {
   
  globalData[key] = val;
}
export const getGlobalData = (key) => {
   
  return globalData[key];
}

全局方法

同上，新建一个globalMethods.js

const globalMethods = {
   };
/* 此处定义方法
	例如：
*/
globalMethods.toast = str => {
   
  Taro.showToast({
   
    title: str,
    duration: 2000,
    icon: "none"
  });
};
export default globalMethods;

Taro自定义navBar

<template>
  <view class="navBar">
    <view
      class="navigation-bar"
      :style="{
      	'padding-top':`${
      paddingTop}px`,
      			'height':`${
      height}px`,
      			'line-height':`${
      height}px`,
      			background:background,
      			color:color,
      			'font-size':fontSize}">
      <view>{
  { title }}</view>
    </view>
  </view>
</template>

<script>
import Taro from "@tarojs/taro";
export default {
   
  props