作者：前端阿飞要说今年最热门的前端技术，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
如何引入Element PlusElement Plus参考文档https://element-plus.gitee.io/#/zh-CN新版的
原创
2022-11-17 01:39:54
217阅读
pinia中文文档pinia安装pinia在引入项目目录新建做个简单的数值递增可以自己任意命名类似id的意思，使用它来将连接到在中导
原创
2022-07-06 16:48:40
305阅读
问题 在最新的Vue 3.2+vue-cli 4.5构建的项目中，起初按照之前老版vue3引入element plus的方法，在main.js中使用如下语句引入element plus的所有样式文件： import 'element-plus/lib/theme-chalk/index.css'; ...
转载
2021-10-30 21:27:00
5088阅读
2评论
初始化项目脚手架用的是vue-cli,vite还不太稳定，很多第三方库也存在兼容问题，为了能正常在实际项目中使用，还是选择了vue-cli。如果不是最新的脚手架，就需要重新安装一下了：npm install -g @vue/cli
# OR
yarn global add @vue/cli创建项目：vue create vue3-ts-template
// 选择Manually select
vue3 接入 Element Plusvue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element-ui 组件库，在 vue3 发布之后，element-ui 也推出了针对于 vue3 版本的组件库 E
Vue3脚手架指南在DOS命令行窗口下操作使用Vue3，必须安装node.js，执行如下命令，检查node环境： >node -v
v16.14.0 1.安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装脚手架Vue的脚手架名称由vue-cli改成了@vue/cli，如果以及全局安装了旧版本的v
iconfont字体图标使用就不多说了，大致是几部：1、在iconfont官网选图标，加入购物车，加入项目，下载到本地，解压2、在项目assets目录新建目录iconfont，用于存放刚才下载解压的代码3、在main.js导入iconfont.css文件 import './assets/iconfont/iconfont.css' 4、在代码中使用class="iconfont
文章目录目录文章目录前言一、大致页面二、工程结构二、创建步骤1.安装Vue2.安装/引入element-plus 三、部分代码1.main.js2.App.vue3.布局框架文件layout.vue4.头部栏components/Header.vue5.左侧导航栏components/Asid.vue6.布局框架Layout.vue7.路由配置router/index.js8.封装axi
作为vue语法开发的跨平台开发框架虽然愿望很美好，但是真的要实现跨平台还是需要开发者搭建好的项目架构，灵活运行vue语法和模块化开发思维。H5适配官方创新很好，又为我们创造了一个尺寸单位，upx，但是考虑到项目迁移和开发通用，我决定还是使用px配合flexible实现适配，确保项目可以轻松移植到uni框架，需要改动@dcloudio/vue-cli-plugin-uni/packages/post
先下载往期vite project项目直接开始安装npm i element-plus 为了方
原创
2022-11-01 16:29:29
687阅读
vue.js Vue中提供了一些固定的标签来方便我们在开发过程中使用，并且在开发过程中，我们很有可能因为要使用某些第三方库而不得已要操作DOM元素，因此如何获取并操作DOM元素的使用呢。Vue中提供的标签component这个标签是用来展示组件的
// 直接通过自定义组件名称当作标签使用
new Vue({ el: "#app", components: { "要展示的
vue3 core之生命周期 引入篇1 文章简介2 生命周期主要内容2.1 引出生命周期2.1.1 例子引入2.1.1.1 不推荐的实现方法（定时器在vue外面）2.1.1.2 推荐使用的实现方式（定时器在vue里面）2.1.2 vue实例的执行过程2.1.3 挂载概念的引入2.1.4 生命周期函数2.1.4.1 生命周期回调函数2.1.4.2 生命周期钩子（程序员内常用语言）2.1.5 生命钩
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评论
