1.开发环境vue访问后端接口(前后端分离开发,解决不同的跨域访问)
原理:开发环境下的跨域:在node.js上实现请求转发,vue前端通过axios请求到node.js上,node.js将请求转发给后端,反之响应也是，先到node.js上，然后转发vue-cli项目上
2.如果你的前端应用和后端API服务器没有运行在同一个主机上面，那么你需要在开发环境下将API请求代理到API服务器，这个问题可以通过vue.config.js中的devServer.proxy宣子昂来进行设置
注意：在一个vue文件中export const可以有多个，但是export default只有且仅有一个
具体流程：
一般前端的访问接口通过axios实现，可以对请求进行整体的封装，返回一个配置好的axios对象，也可以直接调用axios的具体方法
需要了解一个问题;axios
axios{{
url:'/user' //url是用于请求的服务器 URL
mehtod:'get' //创建请求时使用的方法 默认式get
baseURL:'https://some-domain.com.api/', //baseURL将自动加在‘url’的前面，除非url是一个绝对的url, 它可以通过设置一个baseURL便于为axios实例的方法传递响应的URL
transformRequest:[ function (data){
//对data进行任意的处理转换
return data;
}]，
// `transformResponse` 在传递给 then/catch 前，允许修改响应数据
transfromResponse:[ function (data){
return data();
}]
}}
proxy根本不能解决跨域的 问题，最终要解决跨域问题还是要后端的配合，proxy只是在前端开发的时候，方便开发使用的东西而已，打包后就无效了。
指令：在VUE中所有的以v-开头的HTML属性都是叫做指令
指令的作用和Thyemeleaf中条件判断等功能是一样的
1.条件判断
条件判断最多的是支持 v-if=''表达式'' v-else-if=‘’表达式’‘ v-else
循环遍历：v-for=‘’迭代变量In数组属性‘’ :key=''迭代变量'' 此属性必须写，否则页面报错
<li v-for="subject in subjects" :key="subject">