1、介绍篇vue cli是一个基于vue.js进行快速开发的完整的系统。有三个组件：CLI： @vue/cli ：全局安装的npm包，提供了终端里的vue命令。（vue create、vue server、vue ui等命令）CLI服务 @vue/cli-service ：开发环境依赖，构建于webpack、webpack-dev-server之上，如server、
vue.js不是node；两者是完全不同的。vue.js是一款JavaScript前端框架，一个用于创建用户界面的开源JS框架；而Node是一个基于Chrome V8引擎的JavaScript运行环境，一个让JS运行在服务端的开发平台。本教程操作环境：windows7系统、node12.19.0&&vue2.9.6版本、Dell G3电脑。vue.js不是node；两者是完全不同的
转载
2024-07-14 06:58:41
27阅读
一、新建项目 1、vue create vue3_ts 【保证 vue-cli 的版本在V4.5.0以上《查看版本 vue -V》，此时才有创建Vue3的选项】$ vue create v3_ts
? Please pick a preset: (Use arrow keys) //请选择预选项
> Default ([Vue 2] babel, esli
转载
2023-10-21 20:35:25
47阅读
页面切换我做的后台页面较少，所以不需要用到路由1.登录后切换到老师或者学生的页面，通过is_admin来判断登录的是老师还是学生data(){
return{
login:false
}
}<Author v-if="!login"></Author>
<div v-else>
学生或者老师的页面
转载
2024-02-20 20:57:53
0阅读
vuex在中大型项目中的应用十分广泛，通常会把全局都用到的数据放在vuex中，方便其他页面进行使用，在项目中，vuex中存放的数据大部分与user_id，权限等信息相关，那么在vue3中该怎么使用vuex呢？带着这个问题，在本篇文章中，咱们一起分析下
# 如何在 Vue 项目中禁止使用 TypeScript
在构建 Vue 项目时，你可能会遇到不想使用 TypeScript 的需求。这可能是因为项目的复杂性、团队成员对 TypeScript 的不熟悉，或者是出于其他原因。本文将逐步指导你如何在 Vue 项目中禁用 TypeScript，并仅使用 JavaScript。
## 流程概述
首先，我们来看看禁止 TypeScript 的基本步骤
原创
2024-10-29 06:07:19
39阅读
# TypeScript 和 Vue 配置文件的科普
在现代前端开发中，TypeScript 和 Vue 的结合越来越受欢迎。TypeScript 提供了静态类型检查，而 Vue 提供了灵活的组件框架。为了更好地使用这两个技术，配置文件的设置显得尤为重要。本文将系统地介绍 TypeScript 和 Vue 的配置文件，并提供代码示例。
## 什么是配置文件？
配置文件是一个用于定义项目中的多
原创
2024-09-28 03:39:15
15阅读
文章目录前言一、为 props 标注类型使用 < script setup >非 < script setup >二、为 emits 标注类型使用 < script setup >非 < script setup >三、为 ref() 标注类型默认推导类型通过接口指定类型通过泛型指定类型四、为 reactive() 标注类型默认推导类型通过接口指定
转载
2023-12-19 22:51:55
56阅读
很多人对TypeScript的使用还停留在基本操作上,其实 TypeScript 的特性非常强大,我们利用好这些特性可以有效地提高代码质量、加速开发效率，今天就介绍 9 个非常实用的 TypeScript 技巧或者特性.注释的妙用我们可以通过/** */来注释TypeScript的类型，当我们在使用相关类型的时候就会有注释的提示，这个技巧在多人协作开发的时候十分有用，我们绝大部分情况下不用去花时间
转载
2024-05-28 20:59:13
56阅读
接触vue一年了，由于早前都是碎片化的学习与练习，缺乏深入的理解与总结，所以感觉收效甚微。最近利用闲暇时间撸了一个基于vue全家桶的天气应用webapp并做一些项目总结，以巩固自己所学，加深对vue的理解。前端框架的选择在web移动端应用快速崛起的今天，webapp，hybird app挤压传统原生app的趋势越发明显，产品的快速更新迭代、跨平台适配，催生了越来越多五花八门的前端框架。为了应对各式
一、使用 Vite 创建项目npm init vite@latest
√ Project name: ... lagou-shop-admin
√ Select a framework: » vue
√ Select a variant: » vue-ts
Scaffolding project in C:\Users\lpz\Projects\lagou-shop-admin...
Don
转载
2024-05-13 09:40:16
76阅读
Vue对TS的支持一致不太好，连Vue作者尤大也自嘲真香压错了宝。期待Vue3.0会用TS重构且会有较大改进。不过目前有一些第三方的库可以曲线优化对TS的支持。主要就介绍下过下面两个库来写Vue。总体体验尚可，类型检查，智能提示该有的都有，顺滑中带着一丝蹩脚。如果要支持组件Props的类型检查及智能提示，则必须放弃template通过render写TSX, 总有种写React的感觉。介
转载
2024-08-30 11:14:59
30阅读
TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。 TypeScript可以解决JavaScript弱类型和没有命名空间，难以模块化的问题，同时也增强了代码的可读性，在团队协作和大型项目中体现出更大的优势。 本文将从“基础用法、高阶用法、模块、react项目实践中的应用”四个方向展开文章，方便大家理解，都会备注列子
前言在 vue-cli 3.0 的脚手架出来以后，官方我们提供了一套 Vue 的 TypeScript 模板，解决了许多模块以及类型问题，官方的东西真香，因此可以使用 TypeScript 搞一波事情。基础配置 配置默认是全家桶，其中预处理器建议使用 less，如果使用 sass 可能会因为各种莫名其妙的原因安装不上 node-sass；babel 也是必选的，目的是将
转载
2024-01-19 23:10:04
129阅读
TypeScrpt相比JavaScript的主要特点多了属性声明类型，格式：属性名：声明类型
name:string=""; //此时name属性声明类型为string
复制代码使用class类来引入或暴露内容 TypeScript中将所有属性和方法封装成类，用类的形式引入或暴露其内容，在vue中具体示例可见下文“基本格式”。基本格式组件<script>中要加lang="ts"imp
转载
2023-10-16 13:06:32
97阅读
# 使用 TypeScript 配置 Vue 项目：一个全面的指南
在现代前端开发中，Vue.js 和 TypeScript 的结合已经成为了一种流行的开发模式。这篇文章将介绍如何为 Vue 项目配置 TypeScript，确保大家对相关概念有清晰的理解，并能在实际操作中得心应手。
## 1. 什么是 TypeScript？
TypeScript 是 JavaScript 的超集，提供了静态
原创
2024-09-29 03:25:23
186阅读
这段时间用Vue开发项目，看了很多关于vue的知识点，有从别的大佬那里借鉴的理解，也有自己的理解。在这里做一个简单的总结，再加深一下印象。也希望可以帮助到有需要的同学。理解错误的地方，欢迎指正。1、你怎么理解Vue是一套渐进式框架这句话 答：Vue是渐进的，可以理解成它可以逐步的去添加你想要的功能，跟Angular和React相比它没有强主张，是个轻量视图。2、Vue有两个核心分别是什么？ 答：数
webpack一、当前 Web 开发面临的困境文件依赖关系错综复杂静态资源请求效率低模块化支持不友好浏览器对高级 Javascript 特性兼容程度较低etc…二、webpack 概述webpack 是一个流行的前端项目构建工具（打包工具），可以解决当前 web 开发中所面临的困境。 webpack 提供了友好的模块化支持，以及代码压缩混淆、处理 js 兼容问题、性能优化等强大的功能，从而让程序员
转载
2024-07-23 23:24:41
26阅读
vue3.0 + ts使用 Vite 创建Vite是Vue的作者尤雨溪开发的Web开发构建工具，它是一个基于浏览器原生ES模块导入的开发服务器，在开发环境下，利用浏览器去解析import，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随启随用。同时不仅对Vue文件提供了支持，还支持热更新，而且热更新的速度不会随着模块增多而变慢。在生产环境下使用Rollup打包。特点快速的冷启动即时热模块更
转载
2024-06-29 08:19:03
14阅读
TypeScript常见用法详解（Vue3.0前奏） TypeScript、ES6、Vue3TypeScript常见用法详解（Vue3.0前奏）TypeScript简介TypeScript使用TypeScript中的类型注解布尔类型（boolean）数字类型（number）字符串类型(string)数组类型（array）元组类型（tuple）枚举类型（enum）任意类型（any）null 和 un
转载
2024-02-24 23:08:53
28阅读
