采用cli脚手架方式快速搭建项目1.确保本机已安装nodejs和npm执行下列命令安装vue2.切换淘宝镜像可以多执行几次 npm config set registry http://registry.npm.taobao.org3.安装cli 脚手架官网链接：安装 | Vue CLInpm install -g @vue/cli4.创建项目 &n
目录1、Input 输入框2、Table 表格3、Tree 树形控件4、Pagination 分页5、Dialog 对话框6、ECharts 图表7、wangEditor 富文本编辑器整理一下自己在 Vue2 项目中常用到的一些封装组件 ：大部分是结合 element-ui 组件库 进行的二次封装 ：饿了么组件库 => Element - The world
1. Vue2.x 和 Vue3.x 生命周期方法的变化文档地址：https://v3.cn.vuejs.org/guide/composition-api-lifecycle-hooks.htmlVue2.x 和 Vue3.x 生命周期方法的变化蛮大的，先看看：2.x 生命周期3.x 生命周期执行时间说明beforeCreatesetup组件创建前执行createdsetup组件创建后执行bef
Vue3.0的六大亮点：Performance：性能比 Vue2.x 快 1.2~2 倍Tree shaking support：按需编译，体积比 Vue2.x更小Composition API：组合API(类似 React Hooks)Better TypeScript support：更好的 Ts 支持Custom Renderer API：暴露了自定义渲染APIFragment，Telepo
VUE3小结1、Vue3.0环境集成1.使用vue-cli创建2.使用vite创建2、常用的Composition API（组合API）1、setup函数2、ref函数3、reactive函数4、Vue3.0中的响应式原理7、监听属性10、自定义事件11、属性传值13、占位组件Suspense和异步组件14、注册组件（八种方式）15、isRef toRef toRefs（响应式数据解构）16、r
vue搭建准备环境npmnodewebpackvs codenpm使用brew命令行进行下载安装指定版本：brew install npm查看版本号：$ npm -v
8.15.0Node进入官网nodejs，根据自己电脑的版本进行下载安装，如果是mac电脑，可以直接使用brew命令行进行下载。 安装指定版本号：brew install node@16安装完成后，使用node -v的命令查看版本号
一、数据相关APIVue.set向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。 使用方法： Vue.set(target, propertyName/index, value)Vue.delete删除对象的属性。如果对象是响应式的，确保删除能触发更新视图。 使用方法： Vue.delete(target, propertyName/index)二、事件相关APIvm.
一、Vue的引入方式1.1 方式一：CDN地址<script src="https://unpkg.com/vue@next"></script>1.2 方式二：下载vue.js后在本地引入1）官方下载地址https://v2.cn.vuejs.org/v2/guide/installation.html2）本地引入假设下载的vue.js文件被放在当前目录的lib目录下&l
使用vite构建vue3项目、vite
原创
精选
2023-06-27 10:31:51
719阅读
前言vue3已经正式发布有一段时间了，本着学习使人进步的原则，就开始了vue3的实践之路。vue3推出了一个web开发构建工具vite，那就放弃使用vue-cli尝尝鲜吧。vue3项目也是用了typescript，并且现在ts也很火，就正好一起实践一下。准备工作 确保安装了node开始1、项目初始化npm init vite-app my-vue3此时项目就已经初始化好，并且可以正常运行了。cd
转载
2023-10-26 19:44:55
257阅读
vue3项目打包默认情况下npm run build后会将文件打包到dist目录下，其中dist/index.html是首页从上面我们可以知道资源都是以/进行访问，我们使用vscode的live server插件后打开发现资源出现问题，访问地址为：http://127.0.0.1:5500/demo/dist/index.html资源从/加载的话会将协议://域名：端口进行拼接导致我们的资源出现异
转载
2023-07-18 21:37:04
374阅读
vue3 工程结构分析 vm vs app前言主要内容1 工程结构分析1.1 图示1.2 叙述2 vue3工程结构2.1 app与vm2.2 App.vue2.3 语法检查summary前言这篇文章的相关知识在vue3第一幕基础与起步中有过提及，本文相当于是对它的补充，侧重点在vue2的vm与vue3的app。本文是vue3知识的一部分，主要内容是vue3的工程结构分析。文章会给出工程结构图和具
一. 代码规范1.1 集成editorconfig配置EditorConfig有助于为不同IDE编辑器上维护一致的编码风格安装插件：EditorConfig for VS Code 后会读...
原创
2022-06-29 20:47:16
442阅读
# Vue3项目使用TypeScript
## 概述
在本文中，我将向你介绍如何在Vue3项目中使用TypeScript。Vue3是一种流行的JavaScript框架，而TypeScript是一种类型安全的JavaScript超集。结合使用Vue3和TypeScript可以提供更好的开发体验和代码质量。
## 步骤
下面是实现Vue3项目使用TypeScript的步骤：
| 步骤 | 描述
原创
2023-08-03 07:34:47
254阅读
# Vue 3项目支持 TypeScript 的介绍与实践
在现代前端开发中，TypeScript 以其静态类型检查特性受到越来越多开发者的青睐。而 Vue 3 作为一个现代化的前端框架，同样提供了对 TypeScript 的一等公民支持。这篇文章将带你了解如何在 Vue 3 项目中使用 TypeScript，并附上具体的代码示例，帮助你顺利开展工作。
## 什么是 Vue 3？
Vue.j
项目的创建vue3中vuecli的包修改为@vue/cli，vue创建的项目命令修改为vue create，用来快速创建新项目。因为项目开发中需要vuecli，所以我们需要全局安装，下面中的-g表示全局安装，install也可以简写为i。安装完成后，我们可以通过vue --versioon检查是否安装成功。除了npm安装外，我们也可以使用yarn
原创
精选
2022-05-24 21:11:11
2541阅读
Vue3项目整合Electron第一步安装：VUE3安装vue3脚手架npm install -g @vue/cli安装 yarn，并设置淘宝源npm install -g cnpm --registry=https://registry.npm.taobao.org设置ELECTRON_MIRROR,加速electron的预编译npm config set ELECTRON_M...
原创
2022-12-19 13:51:20
566阅读
由于element-ui 未对 Vue3 兼容，导致官方提供的构建版本不能使用 下面手动进行迁移决定升级前请确保项目所有依赖都有替代方法 Vue特性变更，官网会给出解决方法 特别注意第三方UI相关依赖vue2 改为 vue3 以及 相应的依赖修改vue@next ， 组件 @vue/compiler-sfc （Vue2：vue-template-compiler）element-ui 换成 ele
问题：我提交到服务器之后执行了 npm run dev之后关闭了是可以打开网页的，但是关闭了ssh之后，服务马上就不能用了，请问正确的部署方式是怎么样的？答：感觉好多人把最基本的都忘了还npm run dev还守护进程,用守护进程也应该你自己用nodejs实现一个web静态服务器而不是去守护npm run dev楼主问的既然是布署，哪默认就应该是生产环境下的布署，vue开发的应用本质上就是静态文件
