vue
深知的知深
这个作者很懒,什么都没留下…
展开
-
Promise的用法
今天整理项目回忆起项目中用到Promise,然后结合廖雪峰老师的网站(廖雪峰老师的网站),又重新学习下Promise,然后整理下,分享给大家。下面是整理廖老师的例子代码//定义Promise对象的函数function promiseFun(){ return new Promise((resolve,reject) => { var timeOut...原创 2020-03-22 21:02:44 · 328 阅读 · 0 评论 -
axios二次封装
费话不多说,直接上代码,有什么不明白或是错误的地方可以在评论中指出。import axios from 'axios'import qs from "qs"import Vue from "vue"let VUE = new Vue();let baseURL = '';console.log(axios)// 设置本地dev环境的baseURL,用于本地web服务器的代理的拦截名...原创 2020-03-22 16:52:30 · 2031 阅读 · 0 评论 -
vue-router加载组件的方法
vue-router加载组件的两种方法1.一般方法import Login from '../views/Login.vue'2.按需加载 const Login= () => import("../views/Login.vue")3.还有一种方法requirea.非按需加载(注意需要加上.default)const Login= require("../views/Lo...原创 2020-03-22 15:19:46 · 1530 阅读 · 2 评论 -
vue-router解决相同路径跳转报错
刚写完一个vue的项目,现在总结和记录下项目中遇到的问题,加强自己,并且分享给你们。昨天也看了一下项目,忘记记录,今天还在看项目,就记录下。今天看到路由的时候,看到下面这句代码,不知道什么作用了VueRouter.prototype.push = function push(location) { return routerPush.call(this, location).catc...原创 2020-03-20 14:48:07 · 2495 阅读 · 4 评论 -
vue-cli3配置文件
最近两个月刚完成一个项目,用vue-cli3搭建框架,在这里说下vue-cli3的配置文件创建以及里面各项配置的含义,也帮助自己巩固下,不对的地方请各位指出。1.vue-cli3没有配置文件,需要自己创建一个vue.config.js,下面是我的项目的配置文件:module.exports = { // build时构建文件的目录 outputDir: 'dist', ...原创 2019-12-09 09:36:09 · 375 阅读 · 0 评论 -
vue脚手架目录结构的备注
最近一直再忙项目,没怎么更新博客,最近一直搞vue,今天分享下vue脚手架目录的含义,也加深下自己的认识。1.build:webpack相关配置2.config:vue基本配置文件3.dist:webpack打包后生成的文件4.node-modules:安装的依赖包5.src:主要目录,写代码的目录6.static:静态文件的文件夹(json数据或是图片,css文件等)7. .ba...原创 2019-09-10 13:51:37 · 287 阅读 · 0 评论 -
vue全局过滤器封装
再写cue项目时,所用的过滤器很多时,把所有的过滤器方法封装在一个文件中,然后导出。1.我的项目路径如下2.index.js里面的代码//vue定义全局过滤器let MoneyFormat = value => { if(!value) return '0.00'; /*原来用的是Number(value).toFixed(0),这样取整时有问题,例如0.51取整之...原创 2019-01-11 15:11:34 · 2908 阅读 · 0 评论 -
vue引入jquery
在写vue项目的时候,需要引入jquery,现在总结下。1.用vue脚手架,所以需要在webpack中全局引入jquery,打开package.json文件,在里面加上dependencies:{ "jquery":"^2.2.1"}2.然后npm安装jquery3.在webpack.base.conf.js中加入一行代码var webpack=require("webpack...原创 2019-01-11 14:59:32 · 555 阅读 · 0 评论 -
vue中请求到的数据赋值给data 对象
在写vue的项目时,用axios请求到的数据,直接赋值给data对象,当修改data对象里面的数据,请求到的数据也会改变_this.detailData是data对象里面的数据,response.data.data是请求到的数据,当修改_this.detailData里面的数据时,response.data.data里面数据也会改变,如下图,这不是我们想要的,这就涉及到深拷贝和浅拷贝的问题,具...原创 2018-11-22 10:45:51 · 36797 阅读 · 1 评论 -
vue中cdn引入axios和qs
昨天写vue遇到cdn引入axios和qs问题,找了半天,现在分享下。<script src="https://unpkg.com/axios/dist/axios.min.js"></script><script src="https://cdn.bootcss.com/qs/6.5.2/qs.min.js"></script>顺便分享下h...原创 2018-10-24 10:04:59 · 19632 阅读 · 3 评论 -
vuex购物车
仓库地址:https://github.com/dubuxunqi/vuexShoppingCar先看下效果图看下目录结构:安装vue脚手架,还有布局就不在说了,主要讲vuex的用法1.安装vuex依赖 npm install vuex --save2.先是在src路径下创建一个vuex文件夹store,里面创建一个入口文件index.js。引入VUE、VUEX两大神器,然后在mai...原创 2018-09-23 16:47:49 · 1551 阅读 · 1 评论 -
vue生命周期
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2018-09-18 11:55:55 · 173 阅读 · 0 评论 -
基于vue封装选项卡组件
githup地址:https://github.com/dubuxunqi/vue-tabs1.首先写index.html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选项卡&am原创 2018-10-10 14:08:46 · 3062 阅读 · 0 评论