随笔分类 - Vue框架（VUE Cli 2 ）
是真的多....好散的知识！！！
摘要：显示NAN 因为 两个返回的都是String 所以呢，String / String = NAN
阅读全文
摘要：然后： meta: { keepAlive: true, //保持状态 这个路由是否需要缓存 deepth: 0.5 //深度 页面之间的前进后退的层次关系 【可以用来搞动画】 },
阅读全文
摘要：认真看看这些常用写法即可，this.Onchange 那行代码是需要传递事件的 ，可以省略【原始写法】
阅读全文
摘要：VUE新建项目的时候，vue2 vue3 方法要分清，我之前一直用vue3的方式创建项目，但是语言版本选的是vue2，导致一个问题，打包部署服务器的时候一直都出错，可以也是自己不会，后面会学到的啦！ 希望vue2用 vue init webpack ”项目名称“ vue3 用： vue create
阅读全文
摘要：我是做了个新闻缓存： 注意对比红绿色： 绿色:之前直接往对象塞， 红色：就是因为这个！坑跨过去了。 吧请求的数据传递给组件渲染 组件接受到，监听器监听到复赋值然后渲染： 回头看： 如果绿色的话，逻辑是通的，但是！ 监听器深度监听的时候不会监听到你长度发生改变！即使你有deep深度监听【也能说错，如果
阅读全文
摘要：看图，响应拦截器如果拦截的是请求超时，错误信息被我修改，改成了requestOvertime， 请求错误时 ，判断错误是否超时，如果是显示对应信息提示。
阅读全文
摘要：今天在看视频发现一个知识点，是vue 很基础的知识点，就是 v-modle双向绑定，。 v-model可以实现双向绑定，那么他实现的原理： 如果说想应用到组件的绑定中，那么要准守一下规则： 子组件中，接受到的值（props），必以value命名 子组件（input）中要想修改value，那么@inp
阅读全文
摘要：开发小程序的时候 也有那么一个 observers 但是vue中 他是 watch ，用法如下：【看注释即可】 开发uniapp 的时候用到
阅读全文
摘要：//axios 拦截器 //请求 axios.interceptors.request.use(function (config){ console.log('请求参数信息：',config); return config; },error=>{ console.log('发送错误：',error)
阅读全文
摘要：为什么要弄多环境 因为开发 和 真正部署的时候 后端的地址的地址可能是不一样的（即一个本地（开发） 一个服务器（部署）） 首先我们要知道两个单词 啊哈哈哈： 1. development 开发 2. production 生产 第一步我们要在VUECLI 目录下新建 环境配置文件，名字如下定义： .
阅读全文
摘要：vue style 的 scoped 意思就是 下面的写的样式只在当前组件中生效
阅读全文
摘要：emmm 就是 Ant Design Vue 这玩意用来做蛮好的 支持VUE3 所以这里用了这个了。 首先他支持你一个个导入 那岂不是.....傻里傻气的 ，所以我们一次性导入！ 1. 先安装：npm install --save @ant-design/icons-vue 2. 在main.ts
阅读全文
摘要：vue3有2中方法响应式表示 1. 使用ref 首先从VUE引入 然后需要响应式的变量给他ref() 一下，参数其实也是可以直接构造赋值的，但是一般都是 xxx.value 赋值，取值直接返回即可 。 代码： 然后我们尝试直接使用 ContentRef: 可以看到非常的NICE！ 上面的对于但数据还
阅读全文
摘要：<script> //引入生命周期函数 onMounted import {onMounted} from "vue"; import axios from "axios"; export default { name: "Content", setup() { console.log("setup
阅读全文
摘要：我这里是vue3 所以使用 Ant Design Vue 的是 2 版本，1版本是Vue 2 及以下的 记住啊。 然后我们安装 $ npm install ant-design-vue@next --save 引入分为单引入【按需】 和 全部引入 这里使用全部引入： 我的vue项目用的是TS ，引入
阅读全文
摘要：演示一下 把 baseURL抽取出来 并且 设置超时时间timout【单位毫秒】：
阅读全文
摘要：axios 对象有个方法叫all，参数是个数组，可以实现多个axios同时请求，他返回的结果也是一个数组，各个结果 对应各个的请求： 多个都是可以的 可以看到打印的结果 是两个都是对应的 分割数组： 并发很多请求返回的是结果数组，那么我们可以直接要获取就需要 用到下标，，，如果不方便用下标的话 我们
阅读全文
摘要：你要用axios 肯定要先安装框架的，所以这里npm安装框架： npm install axios --save http://www.httpbin.org/ 这个网站是给我们测试请求那些用的，，，非常良心 推荐测试用这个可以。 安装后直接导入 然后直接用即可：【下面演示最简单的交互 默认GET
阅读全文
摘要：原生ajax、 jQuery-ajax 、Vue-resource【N年前就不更新了】、axios 我们肯定是选axios ，因为是vue官方推荐的： 在前端开发中, 我们一种常见的网络请求方式就是JSONP 使用JSONP最主要的原因往往是为了解决跨域访问的问题. JSONP的核心在于通过<scr
阅读全文
摘要：Vue使用单一状态树,那么也意味着很多状态都会交给 Vuex来管理.当应用变得非常复杂时,store对象就有可能变得相当臃肿 为了解决这个问题, Vuex允许我们将store分割成模块 (Module), 而每个模块拥有自己的state、mutation、 action、getters等 当然这种写
阅读全文
