摘要: 在vue2中一般放在created中,但是在vue3中取消了created生命周期,请求方式有两种 直接在setup中去获取数据 setup(props) { const data = reactive({ note: [], }); getArticalLatest().then((res) => 阅读全文
posted @ 2021-01-15 16:43 baifangzi 阅读(2140) 评论(0) 推荐(0) 编辑
摘要: 下载 npm install vue-router@4 配置路由 暴露出一个createRouter方法,用来创建路由对象 通过defineAsyncComponent方法来实现路由的懒加载(文章1.13号更新:正式版本可以不用这个方法) import { defineAsyncComponent 阅读全文
posted @ 2021-01-11 17:57 baifangzi 阅读(1755) 评论(0) 推荐(1) 编辑
摘要: vue2和vue3项目管理模板: https://github.com/BaiFangZi/vue3-antd-manage https://github.com/BaiFangZi/vue-antd-manage watch 监听普通类型 let count = ref(1); const cha 阅读全文
posted @ 2021-01-05 11:57 baifangzi 阅读(49249) 评论(1) 推荐(2) 编辑
摘要: 环境搭建 尤大开发了一个项目构建工具vite npm init vite-app <project-name> cd <project-name> npm install npm run dev 创建实例 之前是**new Vue()**的形式来创建实例,vue3添加了一个新的方法 >creatAp 阅读全文
posted @ 2021-01-04 19:14 baifangzi 阅读(930) 评论(0) 推荐(0) 编辑
摘要: 封装一个uniapp请求 新建一个http.js文件封装uni.request const BASE_URL = process.env.NODE_ENV 'development' ? '' : 'http://localhost:3000' //开发环境与生还环境的基地址 export cons 阅读全文
posted @ 2020-12-29 14:24 baifangzi 阅读(537) 评论(0) 推荐(0) 编辑
摘要: 全局属性 vue2 对于一些第三方插件,vue2中通常使用prototype原型来挂载到vue对象中 import Vue from 'vue' Vue.prototype.$http=Axiox Vue.prototype.$echart= Echart vue3 vue3中提供了一个名为glob 阅读全文
posted @ 2020-12-18 19:43 baifangzi 阅读(4669) 评论(0) 推荐(2) 编辑
摘要: 下载两个依赖 npm install file-save xlsx 创建两个文件 Blob.js与Export2Excel.js 参考地址:文件地址 在vue文件中使用 引入文件: import { arrayToExcel, tableToExcel } from '../libs/Export2 阅读全文
posted @ 2020-12-15 19:34 baifangzi 阅读(3541) 评论(0) 推荐(0) 编辑
摘要: 解决vue 绑定事件会覆盖默认参数的问题 在使用一些ui框架的时候,某些组件的框架中的事件所规定的参数不能满足实际开发的需要,但是直接传入参数会把默认的参数覆盖掉 解决方法:将参数放入箭头函数中,传递给这个事件 阅读全文
posted @ 2020-12-03 09:17 baifangzi 阅读(881) 评论(0) 推荐(0) 编辑
摘要: 报错信息: Avoid mutating an injected value directly since the changes will be overwritten whenever the provided component re-renders. injection being muta 阅读全文
posted @ 2020-12-01 18:38 baifangzi 阅读(1069) 评论(0) 推荐(0) 编辑
摘要: 监听生命周期事件 内部监听声明周期函数 data() { return { monitor: null }; }, mounted() { this.monitor = setInterval(() => { console.log("正在获取数据"); }, 1000); this.$once(" 阅读全文
posted @ 2020-11-02 16:13 baifangzi 阅读(551) 评论(0) 推荐(0) 编辑