作者：前端阿飞要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。据了解，已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴，一起学起来吧！为 props 标注类型使用 <script setup>
当使用 &l
首先登陆阿里云矢量图标库[http://www.iconfont.cn/home/index]，把需要的字体图标加入到自己的项目中 将项目下载到...
原创
2022-08-09 15:05:58
406阅读
首先登陆阿里云矢量图标库，把需要的字体图标加入到自己的项目中将项目下载到本地，并解压到项目中在项目中引入： main.ts: import './assets/iconfont/iconfont.css'; 组件中使用：
原创
2022-09-02 09:55:14
386阅读
# Vue3 引入 Axios 实践指南
作为一名刚入行的开发者，你可能对如何在 Vue3 中引入和使用 Axios 感到困惑。别担心，本文将为你提供一份详细的指南，帮助你快速上手。
## 步骤概览
首先，我们通过一个表格来概览整个引入过程：
| 步骤 | 描述 | 操作 |
| --- | --- | --- |
| 1 | 安装 Axios | 使用 npm 或 yarn 安装 Axi
pinia中文文档pinia安装pinia在引入项目目录新建做个简单的数值递增可以自己任意命名类似id的意思，使用它来将连接到在中导
原创
2022-07-06 16:48:40
305阅读
iconfont字体图标使用就不多说了，大致是几部：1、在iconfont官网选图标，加入购物车，加入项目，下载到本地，解压2、在项目assets目录新建目录iconfont，用于存放刚才下载解压的代码3、在main.js导入iconfont.css文件 import './assets/iconfont/iconfont.css' 4、在代码中使用class="iconfont
作为vue语法开发的跨平台开发框架虽然愿望很美好，但是真的要实现跨平台还是需要开发者搭建好的项目架构，灵活运行vue语法和模块化开发思维。H5适配官方创新很好，又为我们创造了一个尺寸单位，upx，但是考虑到项目迁移和开发通用，我决定还是使用px配合flexible实现适配，确保项目可以轻松移植到uni框架，需要改动@dcloudio/vue-cli-plugin-uni/packages/post
swiper 是可以给 vue3 提供支持轮播图组件官网也有介绍怎么在 vue 中安装使用它。
原创
2023-04-03 12:43:40
1924阅读
参考官网：https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart 1.安装vant # Vue 3 项目，安装 Vant 3： cnpm i vant@next -S # 安装插件 cnpm i babel-plugin-import -D 注：这 ...
转载
2021-07-28 09:39:00
603阅读
2评论
前景提要：我在使用import echars from ‘echarts’ 出现 echarts is not defined 1.在cmd打开项目目录，执行 cnpm install echarts -S 安装完毕后，你会在package.json钟看到安装的echarts版本号，如下图所示 2. ...
转载
2021-08-25 11:10:00
362阅读
2评论
vue-class-component<script lang="ts"> import Vue from 'vue' import Component from 'vue-class-component' @Component export default class App extends Vue { // 初始化数据 msg = 123 // 声明周期
转载
2018-12-15 21:00:00
115阅读
2评论
作者：xuying 全栈修炼前言Vue3.0 发 beta 版都有一段时间了，正式版也不远了，所以真的要学习一下 Vue3.0 的语法了。上一篇：10个实例小练习，快速入门熟练 Vue3 核心新特性(一)环境搭建$ git pull https://github.com/vuejs/vue-next.git$ cd vue-next && yarn下载完成之后打开代码，
最终效果如下一、先创建vue2项目1、 可以用vue-cli自己来创建；也可以直接使用我开源常规的vue2后台管理系统模板
以下我以 wocwin-admin-vue2 项目为例修改目录结构，最终如下2、修改vue.config.js文件module.exports = {
// 修改 src 目录 为 examples 目录
pages: {
index: {
entry
### RxJava3引入
RxJava是一个在Java平台上的响应式编程库，它通过Observable序列来实现事件流和数据流的处理。在RxJava3中，对一些API进行了改动和优化，提供更好的性能和稳定性。本文将介绍如何引入RxJava3，并通过代码示例展示其基本用法。
#### 引入RxJava3库
要引入RxJava3库，首先需要在项目的`build.gradle`文件中添加以下依赖
目录1，前言2，第一种方式3，第二种方式 1，前言在Vue项目开发中，肯定会有这样一个场景：在不同的组件页面用到同样的方法，比如格式化时间，文件下载，对象深拷贝，返回数据类型，复制文本等等。这时候我们就需要把常用函数抽离出来，提供给全局使用。那如何才能定义一个工具函数类，让我们在全局环境中都可以使用呢？请看下文分解。PS：本文vue为2.6.122，第一种方式直接添加到Vue实例原型上首先打开m
# Vue 2 引入 Axios 的详细指南
## 引言
在现代 Web 开发中，数据的异步请求变得越来越重要。而 Axios 是一个基于 Promise 的 HTTP 客户端，它能够很方便地进行网络请求。在 Vue 2 中，使用 Axios 可以简化与后端 API 的交互。本文将详尽介绍如何在 Vue 2 中引入和使用 Axios，并通过代码示例加强理解。
## 什么是 Axios?
A
vue中我么会经常用到通用的一些全局的方法，如何左才能实现全局的复用减少代码累赘呢？我们一般将公用的方法分装再utils.js文件中，然后再main.js主入口文件中将utils.js中的公共的方法通过@import引入进来即可，或者我们通过再main.js中设置Vue.prototype.xxx = function () {};来设置全局通用的 方法；样式的复用也是一样的道理，我们可以通过再a
为了模拟后台接口提供页面所需的数据，引入Mock.js Mock.js是一个模拟数据生成器，可帮助前端开发和原型与后端进度分开 特性： 前后端分离 增加单元测试的真实性 数据类型丰富 方便扩展 1.安装 2.简单使用 在src下，新建目录mock，添加index.js 模拟接口 http://loc
转载
2019-11-15 18:55:00
96阅读
2评论
