vue的mixins混入使用详细教程（后台接口判断），以及踩坑点

1 先建一个mixins文件夹，下面写一个mixins,js

//写法1
// export default function myMixin() {
//   return {
//     data() {
//       return {
//         name: "这是混入的mixins的name",
//         userInfoA: {
//           name: "",
//           age: 0,
//           Total: 0,
//         }
//       }
//     },
//     created() {
//       console.log('3混入对象的钩子被调用了');
//     },
//     methods: {
//       getData() {
//         console.log('混入的mixins的getData方法')
//         //这里期是调用接口获取数据。一般是公共方法或者，简单固定参数请求接口
//         //api.getUserInfo().then((res) => {
//         const res = {
//           name: "张三",
//           age: 30,
//           Total: 100,
//         }
//         if (res) {
//           this.userInfoA = res;
//         } else {
//           this.userInfoA = {
//             name: "张三三",
//             age: 10,
//             Total: 40,
//           };
//         }
//         //});
//       }
//     }
//