摘要: Vite+Vue3+Vant快速构建项目 随着`Vue3` 和 `Vite` 版本的不断更新完善,开发体验有了质的飞跃。因此,越来越多的大厂也逐步拥抱 `Vue3`。 利用`Vite` 脚手架工具可以很轻松生成以 `Vue3` 为模板的项目,但是作为`Vue`全家桶的 `vue-router`、`vuex`、`axios`等成员,需要自己一个一个去配置。于是便自行开发了本文讲到的 `tive-cli` 脚手架模板工具,只需短短几个命令便能快速生成配置健全的`Vue3全家桶`项目,并且集成了`VantUI`,配置了`rem`移动端适配,真正做到了`开箱即用`。 阅读全文
posted @ 2021-12-08 18:57 天問 阅读(1) 评论(0) 推荐(0) 编辑
摘要: Vue3学习与实战 · Vuex状态管理 Vuex 是 Vue 全家桶重要组成之一,专为 Vue.js 应用程序开发的 状态管理模式 + 库 ,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 一、目录结构 demo/ package.json vite.config.js index.html 阅读全文
posted @ 2021-12-06 18:32 天問 阅读(2) 评论(0) 推荐(0) 编辑
摘要: Vue3学习与实战 · 配置使用vue-router路由 随着Vue版本的升级,Vue 2.x项目和Vue 3.x项目在使用vue-router上有些区别,本文就简单介绍下vue-router在Vue3中的配置和使用。 一、目录结构 demo/ package.json vite.config.js index.html public/ src/ api/ 阅读全文
posted @ 2021-11-26 18:21 天問 阅读(51) 评论(0) 推荐(0) 编辑
摘要: Vue3学习与实战 · 全局挂载使用Axios 在vue2中会习惯性的把axios挂载到全局,以方便在各个组件或页面中使用this.$http请求接口。但是在vue3中取消了Vue.prototype,在全局挂载方法和属性时,需要使用官方提供的globalPropertiesAPI。 一、全局挂载 在vue2项目中,入口文件main.js配置Vu 阅读全文
posted @ 2021-11-25 13:33 天問 阅读(420) 评论(0) 推荐(3) 编辑
摘要: vue3 + vite实现异步组件和路由懒加载 在 Vue2 中,异步组件和路由懒加载处理使用 import 就可以很轻松实现。但是在Vue 3.x 中异步组件的使用与 Vue 2.x 完全不同了。本文就详细讲讲vue3中异步组件和路由懒加载的实现。 ![Vue3 异步组件/路由](https://tiven.cn/static/img/img- 阅读全文
posted @ 2021-11-24 11:21 天問 阅读(335) 评论(4) 推荐(1) 编辑
摘要: Egg.js学习与实战系列 · jsonp接口的封装使用 jsonp作为前端跨域的一种解决方案,不用像配置nginx那样做一系列的反向代理转发,返回的数据结构也比较严谨,使用起来简单,方便。本篇就讲讲jsonp接口在Egg框架中的封装与使用。 下载 egg-jsonp 插件 egg-jsonp 是用于 jsonp 支持的 Egg 插件。 npm i -S 阅读全文
posted @ 2021-11-03 17:16 天問 阅读(27) 评论(0) 推荐(0) 编辑
摘要: Vite+Vue3+Vant快速构建项目 随着`Vue3` 和 `Vite` 版本的不断更新完善,开发体验有了质的飞跃。因此,越来越多的大厂也逐步拥抱 `Vue3`。 利用`Vite` 脚手架工具可以很轻松生成以 `Vue3` 为模板的项目,但是作为`Vue`全家桶的 `vue-router`、`vuex`、`axios`等成员,需要自己一个一个去配置。于是便自行开发了本文讲到的 `tive-cli` 脚手架模板工具,只需短短几个命令便能快速生成配置健全的`Vue3全家桶`项目,并且集成了`VantUI`,配置了`rem`移动端适配,真正做到了`开箱即用`。 阅读全文
posted @ 2021-12-08 18:57 天問 阅读(1) 评论(0) 推荐(0) 编辑
摘要: Vue3学习与实战 · Vuex状态管理 Vuex 是 Vue 全家桶重要组成之一,专为 Vue.js 应用程序开发的 状态管理模式 + 库 ,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 一、目录结构 demo/ package.json vite.config.js index.html 阅读全文
posted @ 2021-12-06 18:32 天問 阅读(2) 评论(0) 推荐(0) 编辑
摘要: Vue3学习与实战 · 配置使用vue-router路由 随着Vue版本的升级,Vue 2.x项目和Vue 3.x项目在使用vue-router上有些区别,本文就简单介绍下vue-router在Vue3中的配置和使用。 一、目录结构 demo/ package.json vite.config.js index.html public/ src/ api/ 阅读全文
posted @ 2021-11-26 18:21 天問 阅读(51) 评论(0) 推荐(0) 编辑
摘要: Vue3学习与实战 · 全局挂载使用Axios 在vue2中会习惯性的把axios挂载到全局,以方便在各个组件或页面中使用this.$http请求接口。但是在vue3中取消了Vue.prototype,在全局挂载方法和属性时,需要使用官方提供的globalPropertiesAPI。 一、全局挂载 在vue2项目中,入口文件main.js配置Vu 阅读全文
posted @ 2021-11-25 13:33 天問 阅读(420) 评论(0) 推荐(3) 编辑
摘要: vue3 + vite实现异步组件和路由懒加载 在 Vue2 中,异步组件和路由懒加载处理使用 import 就可以很轻松实现。但是在Vue 3.x 中异步组件的使用与 Vue 2.x 完全不同了。本文就详细讲讲vue3中异步组件和路由懒加载的实现。 ![Vue3 异步组件/路由](https://tiven.cn/static/img/img- 阅读全文
posted @ 2021-11-24 11:21 天問 阅读(335) 评论(4) 推荐(1) 编辑
摘要: EDG牛逼!我们是冠军! 11月7日凌晨1点,刚刚落幕的英雄联盟S11全球总决赛,中国战队EDG以3:2击败韩国战队DK,一举夺得S11总冠军。 ![我们是冠军](https://tiven.cn/static/img/img-edg-01-xI1PbRijRVwZcsQXwXkjh.jpg) 随着BO5最后一场,EDG破三 阅读全文
posted @ 2021-11-08 13:51 天問 阅读(65) 评论(0) 推荐(0) 编辑
摘要: Egg.js学习与实战系列 · jsonp接口的封装使用 jsonp作为前端跨域的一种解决方案,不用像配置nginx那样做一系列的反向代理转发,返回的数据结构也比较严谨,使用起来简单,方便。本篇就讲讲jsonp接口在Egg框架中的封装与使用。 下载 egg-jsonp 插件 egg-jsonp 是用于 jsonp 支持的 Egg 插件。 npm i -S 阅读全文
posted @ 2021-11-03 17:16 天問 阅读(27) 评论(0) 推荐(0) 编辑
摘要: Egg.js学习与实战系列 · 修改应用启动端口号 默认情况egg.js启动的端口是7001,如果该端口被占用,想修改其他端口的话,那么就要进行如下配置: 在 config/config.default.js 配置如下代码: /* eslint valid-jsdoc: "off" */ 'use strict'; const path = requ 阅读全文
posted @ 2021-11-02 10:34 天問 阅读(32) 评论(0) 推荐(0) 编辑
摘要: Egg.js学习与实战系列 · Post请求`csrf token`问题 在使用axios请求egg.js封装的post接口时出现missing csrf token 或 invalid csrf token。踩过坑的新手估计不在少数,本篇记录一下解决方法。 问题原因 引用一下官网的Web 安全概念: Web 应用中存在很多安全风险,这些风险会被黑客利用,轻则篡改网页内容 阅读全文
posted @ 2021-10-26 14:24 天問 阅读(110) 评论(0) 推荐(0) 编辑
摘要: Egg.js学习与实战系列 · 文件上传配置 在使用Egg.js搭建文件上传服务时,遇到了几个一般新手都会遇到的坑。 经查阅官方文档,Egg框架中默认使用egg-multipart插件进行文件上传,所以上传文件前需要做相关的配置。 上传文件提示: filetype undefined (图片可以上传,不报错) 原因:没有给egg指定上传文件的类 阅读全文
posted @ 2021-10-19 17:53 天問 阅读(67) 评论(0) 推荐(0) 编辑