vue框架学习记录

菜鸟教程，html css js
Vue. js官网
element ui组件库

阅读vue.js API 开发者文档

问题：
Uncaught SyntaxError: Unexpected token ＜
打包后路径出错，添加vue.config.js配置文件，配置publicPath: “./”
vue-cli3没有build配置文件夹，配置在vue.config.js写。

ref

1、ref 加在普通的元素上，用this.$refs.（ref值） 获取到的是dom元素

2、ref 加在子组件上，用this.$refs.（ref值）获取到的是组件实例，可以使用组件的所有方法。在使用方法的时候直接this.$refs.（ref值）.方法（） 就可以使用了。

html css js，vue框架最终打包成。
. vue文件里写相关的html js，css，
element ui是一个用vue写的组件库，可以直接拿来复用。本质上是一个写好的. vue组件。是当前组件的子组件。
父组件向子组件传参数用props，
v-model绑定数据。
this. $Axios. post () 发送请求。

请求返回的json，直接rest. data赋值给data里定义好的数据表单。

session可以缓存数据到本地。
img标签，data:image/JPEG;base64, 可以显示图片。
elementui upload上传用action发送请求。

asyn异步处理，不堵塞，到可能造成数据还没赋值，就执行了需要这个数据的函数。
. then() 就是异步的函数，所以顺序调用函数可以在. then的内部调用。

margin auto;可以自动居中

标签上可以{{a}}来绑定data里面的数据。

script技能使用数据和函数都要用this指定。

发送的请求可以在network里面看到，preview看到返回的数据。

两种发送请求方式，
一是url传参，直接在url后面加？xxx=&xxx=
二是json传参，发送封装好的数据。后端要有相应的实体类去接应。
data:,文本数据

    data:text/plain,文本数据

    data:text/html,HTML代码

    data:text/html;base64,base64编码的HTML代码

    data:text/css,CSS代码

    data:text/css;base64,base64编码的CSS代码

    data:text/javascript,Javascript代码

    data:text/javascript;base64,base64编码的Javascript代码

    data:image/gif;base64,base64编码的gif图片数据

    data:image/png;base64,base64编码的png图片数据

    data:image/jpeg;base64,base64编码的jpeg图片数据

    data:image/x-icon;base64,base64编码的icon图片数据