
vue-study
fifthThirteen
前端菜鸟
展开
-
vue生命周期钩子函数
beforeCreate:组件实例化之前执行的函数created:组件实例化完毕,但页面还未显示beforeMount:组件挂载之前,页面仍未显示,但虚拟DOM已经配置mounted:组件挂载完毕,此方法执行后,页面显示beforeUpdate:组件更新前,页面仍未更新,但虚拟DOM已经配置updated:组件更新,此方法执行后,页面显示beforeDestroy:组件销毁...原创 2018-08-02 15:11:22 · 150 阅读 · 0 评论 -
vue 图片压缩使用exif调整ios上旋转90度方向并上传
github地址安装方式:npm install exif-js --save或游览器本地引入:<script src="exif.js"></script>读取图像的元数据:在最近的活动中,遇到了用户上传图片时图片方向偏转的问题。针对这个问题,通过google得到exif.js可以获取照片的元数据,例如:拍照方向、相机设备型号、拍摄时间、ISO...原创 2018-12-13 14:22:29 · 3671 阅读 · 1 评论 -
【vue+axios】实现登录拦截
转载来源地址该项目是利用了Github 提供的personal token作为登录token,通过token访问你的Repository List。通过这个项目学习如何实现一个前端项目中所需要的登录及拦截、登出、token失效的拦截及对应 axios 拦截器的使用。准备你需要先生成自己的 Github Personal Token(生成Token)。Token 生成后 访问 Demo,即...转载 2018-11-20 18:04:29 · 522 阅读 · 0 评论 -
vue-cli3的eslint配置问题
vue-cli3按照官网教程配置搭建后,发现每次编译,eslint都抛出错误error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1:1 error found.1 error potentially fixable with the `--fix` option.Y...转载 2018-11-07 12:10:27 · 8269 阅读 · 0 评论 -
详解vue中router-link传参以及参数的使用
1.路径:http://localhost:8081/#/test?name=1 1 <router-link :to="{path:'/test',query: {name: id}}"> 跳转</router-link>(id是参数)使用:this.$route.query.id2.路径:http://localhos...转载 2018-11-09 17:48:08 · 448 阅读 · 0 评论 -
vue-router 基本使用
路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。 点击之后,怎么做到正确的对应,比如,我点击ho...转载 2018-11-09 17:30:37 · 2344 阅读 · 0 评论 -
vue 插槽
1.匿名插槽 <div id="app"> <my-slot> <h2 style="background-color: seagreen">你好</h2> </my-slot> </div> <templ原创 2018-10-25 13:18:55 · 129 阅读 · 0 评论 -
vue 的data选项
验证data选项必须是函数函数时,数据没有共享,互相独立 <div id="app"> <my-btn></my-btn> <my-btn></my-btn> <my-btn></my-btn> <my原创 2018-10-25 11:27:48 · 219 阅读 · 0 评论 -
vue 组件学习
1.通过选项-创建全局组件流程:创建组件构造器->注册组件->使用 <div id="app"> <my-date></my-date> </div> <script src="js/vue.js"></script>原创 2018-10-25 11:19:01 · 139 阅读 · 0 评论 -
vue-cli 3.0版本学习
github地址 docs文件夹文档地址 安装vue-cli 3.0 方式 npm install -g @vue/clivue-cli 3.0创建工程的方式和2.0不一样create 代表可以创建一个新的项目 vue create vue3-demoadd 在已创建的项目中添加新的插件invoke 在已创建的项目调用插件inspect 检查webpack的配...原创 2018-10-12 16:47:57 · 1697 阅读 · 0 评论 -
vue 跨域请求(fetch/axios/proxytable)
#### 跨域接口地址: http://www/thenewstep.cn/test/testToken.php#### 参数: username,password#### token: f4c902c9ae5a2a9d8f84868ad064e706#### 请求类型: post#### 请求头: Content-type:application/json在app.vue中写个钩...原创 2018-08-03 11:02:59 · 558 阅读 · 0 评论 -
vue中使用http vue-resource
1.安装vue-resource模块npm install vue-resource --save-dev2.重启vuenpm run dev3.在main.js中引入vue-resource模块import VueResource from 'vue-resource'5.在main.js中使用VueResourceVue.use(VueResource)...原创 2018-08-03 10:17:47 · 230 阅读 · 0 评论 -
vue-router 学习
通过vue-cli模块化工程开发1.先安装路由模块npm install vue-router --save-dev2.重启vue3.在main.js中引入路由模块import VueRouter form 'vue-router'4.在main.js中使用路由Vue.use(VueRouter)5.在main.js中配置路由const router =...原创 2018-08-03 10:02:13 · 144 阅读 · 0 评论 -
http请求之options请求
问题背景:vue axios 向后端发送post请求,从network中看到并无post请求,只有一个options的请求,状态码200首先,看一下为什么会有options请求在正式跨域的请求前,浏览器会根据需要,发起一个“PreFlight”(也就是Options请求),用来让服务端返回允许的方法(如get、post),被跨域访问的Origin(来源,或者域),还有是否需要Crede...转载 2018-12-18 21:09:34 · 683 阅读 · 0 评论