Vue 中单个组件的顺序

<script>
      //引入文件，顺序是 npm包 > 自定义组件 > 一些常量 > API > 一些工具函数
      import axios from "axios";
      import Chart from "./components/Chart"
      import { baseUrl } from "@/constants/axios";
      //把后端提供的接口都封装一下，统一放在API文件夹下
      import { getReport, upsertReport, upsertItem } from "@/api/report"
      import { beautifyDate } from "@/utils/formatDate";
      import urlSplice from "@/utils/urlSplice";
      //这里空一行
       export default {
            //组件
            components: {},
            // props
            props:[],
            //数据 
            data(){},
            // 计算属性
            computed:{},
            // 侦听器
            watch:{},
            //生命周期
            created(){},
            //方法
            methods:{
                // 外部引入的方法先声明
            }
    }
</script>

参考链接

• https://juejin.im/post/5ac38b5ff265da239c7b8f33