作者:前端阿飞要说今年最热门的前端技术,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
原创 2月前
95阅读
pinia中文文档pinia安装pinia在引入项目目录新建做个简单的数值递增可以自己任意命名类似id的意思,使用它来将连接到在中导
原创 2022-07-06 16:48:40
305阅读
Vue3引入高德地图
原创 2月前
315阅读
vue 引入高德地图操作步骤及引入
原创 2023-07-06 17:10:51
1229阅读
 iconfont字体图标使用就不多说了,大致是几部:1、在iconfont官网选图标,加入购物车,加入项目,下载到本地,解压2、在项目assets目录新建目录iconfont,用于存放刚才下载解压的代码3、在main.js导入iconfont.css文件 import './assets/iconfont/iconfont.css' 4、在代码中使用class="iconfont
转载 4月前
975阅读
作为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`文件中添加以下依赖
原创 3月前
38阅读
# Vue 2 引入 Axios 的详细指南 ## 引言 在现代 Web 开发中,数据的异步请求变得越来越重要。而 Axios 是一个基于 Promise 的 HTTP 客户端,它能够很方便地进行网络请求。在 Vue 2 中,使用 Axios 可以简化与后端 API 的交互。本文将详尽介绍如何在 Vue 2 中引入和使用 Axios,并通过代码示例加强理解。 ## 什么是 Axios? A
原创 13天前
27阅读
项目场景:后台接口请求数据,返回PDF文档的链接(即pdf文件在服务器上的存放路径),在vue3页面可预览和打印该PDF。在之前的Vue2项目中,预览并打印PDF用的是vue-pdf这个插件,但在vue3中是不支持的,只能换个插件了,于是经过测试,也踩了一些坑,总结了以下两种方法:方法一:使用vue-pdf-embed + pdfjs-dist①首先,安装这两个插件依赖pnpm
模板语法Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。 指令和模板语言要结合使用下面的学习,都使用vue3来学习, vue介绍,使用vue创建项目: 都在项目中进行模板语法的学习,文本插值:使用花括号{{ msg }}<template> <H1>{{msg}}</H1> <p>{{msg}
npm i @amap/amap-jsapi-loader --saveimport AMapLoader from '@amap/amap-jsapi-loader' // 使用加载器加载JSAPI,可以避免异步加载、重复加载等常见错误加载错误 //为地图注册click事件获取鼠标点击出的经纬度坐标 map.on("click", function (e: any) { // 点击事件 }
原创 精选 2023-07-07 14:26:20
273阅读
  • 1
  • 2
  • 3
  • 4
  • 5