Vue框架基本页面的使用模板_vuejs 前端模板

vue模板示例：xxx.vue

<template>
    <div id="app">
        
    </div>
</template>
 
<script>
    //导入需要使用的方法；；格式示例：import {init_course, init_major, init_school} from "@/plugins/work2";
    import {} from "@/xxx/xxx";
 
    export default {
        name: 'app',
        data() {
            return {
                // 需要的数据
            }
        },
        methods: {
            // element代码所需要的方法的位置
            
        },
        created() {
            
        }
    }
</script>

js文件1：存放各种方法

//这里需要导入外部声明的axios来使用；这样才能发异步请求；这个js文件放在vue项目的plugins目录下
import request from "@/plugins/request";
 
// 方法格式示例
// export function xxxxx() {
//     return request({
//         url: '',
//         method: 'get',
//     })
// }

js文件2：初始化axios

// 基础版
// import axios from 'axios'
 
// axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
// // 创建axios实例
// const service = axios.create({
//   // axios中请求配置有baseURL选项，表示请求URL公共部分
//   baseURL: process.env.VUE_APP_BASE_API,
//   // 超时
//   timeout: 10000
// })
 
// 进阶版：：：：参考别人的吧，我不会

毕竟俺是学后端的，前端的东西实在太难了