06 2020 档案
摘要:Vue 封装axios(四种请求)及相关介绍 首先axios是基于promise的http库 promise是什么? 1、主要用于异步计算 2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果 3、可以在对象之间传递和操作promise,帮助我们处理队列 一.首先安装axios npm
阅读全文
摘要:Vue接入Echarts 显示柱状图饼图 监听变化 // 添加窗口大小改变监听事件,当窗口大小改变时,图表会重新绘制,自适应窗口大小 window.addEventListener("resize", function() { chart.resize(); }); 使用CLI接入 npm inst
阅读全文
摘要:路由跳转的几种方式 写的太棒了 https://blog.csdn.net/jiandan1127/article/details/86170336 1. 声明式跳转 直接跳转 包裹内容 //不带参数跳转 //(一) <router-link :to="{name:''}"> 查看 </router
阅读全文
摘要:转载https://www.jianshu.com/p/09e31bac0054 没有在实际中用到 不是特别理解 有时间看看VueX Vue 处理边界情况 访问根实例 1 .this.$root 2 .所有的子组件都可以将这个实例作为一个全局的store来访问或者使用 3 .小型的小项目其实可以直接
阅读全文
摘要:Vue 书写项目的注意事项 (一):路由划分 业务逻辑 首先写项目的时候肯定是要进行 项目的展示划分 但是并不是每个页面就是一个业务逻辑 (二): 组件书写 在相应的页面里面 进行操作的划分,就是每一个相应的业务操作,尽量使用组件进行操作展示,在一个页面组件上 进行业务操作的组件划分, 例如: 我这
阅读全文
摘要:Ant-Design的国际化 在使用组件库的时候出现英文 直接汉化掉 可以使用全局优化 在APP.vue 里面 //在template里面 包裹 <a-config-provider :locale="zh_CN"> <router-view/> </a-config-provider> <scri
阅读全文
摘要:Vue使用AntDesign 表格可添加 可编辑行 可选择 使用的是这个进行修改的,这个是绑定的数组,多以直接在里面多加一行空数据就可进行编辑 在<template></template>中 只是多了一个添加的按钮 <template> <div class="map"> <!-- 添加行的按钮 -
阅读全文
摘要:动态组件 & 异步组件 切换组件保持组件的原状态 1.使用 is 进行组件的切换显示 <component v-bind:is="currentTabComponent"></component> 这样是重新创建了组件 如果要保持组件的状态,比如打开的菜单栏还是保持展开的 ,就可以这样 <!-- 失
阅读全文
摘要:插槽 作用:官方解释就是vue实现一套内容分发机制,将元素作为承载分发内容的出口 ,就是视图层和数据层进行展示的时候不要直接绑定数据,而是进行数据的上传 个人理解,就还是父子组件的传值 就像是父组件你把东西给我,我用用,然后我把我全部的加上你给我的一块给你 1. 在官网上边 父到子 是prope 传
阅读全文
摘要:父子组件的相互传值及非父子组件传值 1.首先明确一点 什么是父子组件,其实很简单哈,就是再明确一下,存在引用关系,一个组件引用了一个组件那么他们就是父子组件 对不,我包含着你 我引用了了你 我就是你爸 对吧 哈哈哈 这话就是 父子组件都是是相对而言的,有了子组件,他才是父组件。没有子组件,那都叫组件
阅读全文
摘要:正式开始组件 为什么说是正式开始呢,vue本来就是单页面应用,组件化,尽量保持,一个组件只做一件事情,降低耦合度, 前边那几篇都是在说vue的基本用法,为什么要那样去写 所以我们真正了解完组件之后,结合路由,我们就能有一个小的架构了,就像是你学习Java学到了类一样,开始了一个层面的编程项目书写,
阅读全文
摘要:有句话说一下,就是前边这几篇文章都是在总结相应的知识 ,很多时候可能会不知道咋写 ,没事了解就可以,跟着走下去你会发现是 这就是一个总结性的学习 不是带领你一点点一步步的学习,怎么说呢,只要你有一定的编程基础,能够了解到这些是干什么的,总结就好了,你会找到自己对vue的架构,从而实现你想去做一个网站
阅读全文