- 文章目录前言一、使用webpack来进行vue-cli模块化开发二、Webpack配置区分开发环境和生产环境三、vue项目打包3.1、config—index.js文件3.2、build—webpack.prod.conf.js 文件3.3、element ui 字体文件加载出错3.4、路由跳转出现js访问404问题四、关闭Webpack的debug模式五、Vue项目打包发布后，使浏览器WebPa 文章目录前言一、使用webpack来进行vue-cli模块化开发二、Webpack配置区分开发环境和生产环境三、vue项目打包3.1、config—index.js文件3.2、build—webpack.prod.conf.js 文件3.3、element ui 字体文件加载出错3.4、路由跳转出现js访问404问题四、关闭Webpack的debug模式五、Vue项目打包发布后，使浏览器WebPa
- @TOC 计算属性为什么需要计算属性？生活中常常会使用到各种复杂逻辑计算，若全部放在逻辑表达式里，会让模板过于繁重且难以维护，于是我们需要把一些响应式数据的复杂逻辑放在专门的计算模块中。 基本使用下面是一个简单的例子，其首先在data中声明author，author中包含name和books，然后利用计算属性判断books属性长度是否大于0，若大于0则输出其值。<!DOCTYPE html>... @TOC 计算属性为什么需要计算属性？生活中常常会使用到各种复杂逻辑计算，若全部放在逻辑表达式里，会让模板过于繁重且难以维护，于是我们需要把一些响应式数据的复杂逻辑放在专门的计算模块中。 基本使用下面是一个简单的例子，其首先在data中声明author，author中包含name和books，然后利用计算属性判断books属性长度是否大于0，若大于0则输出其值。<!DOCTYPE html>...
- @TOC 组件是什么组件是带有名称的可复用实例。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：这里有一个 Vue 组件的示例，在下面的例子中我们设置一个组件，其名为 <button-counter>。我们可以把这个组件作为一个根实例中的自定义元素来使用：<body> <div id="c... @TOC 组件是什么组件是带有名称的可复用实例。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：这里有一个 Vue 组件的示例，在下面的例子中我们设置一个组件，其名为 <button-counter>。我们可以把这个组件作为一个根实例中的自定义元素来使用：<body> <div id="c...
- @TOC上一章学习了Vue是什么，怎样配置安装和运行Vue3，这篇将着重介绍Vue的项目结构以及如何使用VSCode对Vue来进行开发。 IDE的准备 下载VSCode首先我们需要使用前端开发 IDE 利器:Visual Studio Code进官网下载：https://code.visualstudio.com并进行安装 插件安装打开VSCode后，点击扩展按钮，搜索需要的插件名称，点击安... @TOC上一章学习了Vue是什么，怎样配置安装和运行Vue3，这篇将着重介绍Vue的项目结构以及如何使用VSCode对Vue来进行开发。 IDE的准备 下载VSCode首先我们需要使用前端开发 IDE 利器:Visual Studio Code进官网下载：https://code.visualstudio.com并进行安装 插件安装打开VSCode后，点击扩展按钮，搜索需要的插件名称，点击安...
- 大家好，我是CoderBin。Vuex4 是 Vue3 的一个状态管理库，它可以将项目所需的数据统一进行存储，并且任意组件都可以通过 Vuex 的方法去访问到数据，修改数据。 接下来介绍一些 Vue4 中的一些进阶使用，希望对大家有所帮助，谢谢。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻 大家好，我是CoderBin。Vuex4 是 Vue3 的一个状态管理库，它可以将项目所需的数据统一进行存储，并且任意组件都可以通过 Vuex 的方法去访问到数据，修改数据。 接下来介绍一些 Vue4 中的一些进阶使用，希望对大家有所帮助，谢谢。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻
- 简介： 🔈今天学习一下如何初始化一个 Vue3 + Ts + Vite 的项目🔊与时俱进 开始用全新的技术。本文包含以下内容：基础框架的搭建，别名配置，vue-router配置，pinia配置，axios配置，ESLint配置。 简介： 🔈今天学习一下如何初始化一个 Vue3 + Ts + Vite 的项目🔊与时俱进 开始用全新的技术。本文包含以下内容：基础框架的搭建，别名配置，vue-router配置，pinia配置，axios配置，ESLint配置。
- 本笔记跟随Bilibili尚硅谷张天禹讲师的Vue全家桶课程学习，非常适合不了解Vue3的同学们入门观看！Vue2笔记共三篇 Vue3笔记一篇 本笔记跟随Bilibili尚硅谷张天禹讲师的Vue全家桶课程学习，非常适合不了解Vue3的同学们入门观看！Vue2笔记共三篇 Vue3笔记一篇
- 本笔记跟随Bilibili尚硅谷张天禹讲师的Vue全家桶课程学习，非常适合不了解Vue2的同学们入门观看！Vue2笔记共三篇 Vue3笔记一篇 本笔记跟随Bilibili尚硅谷张天禹讲师的Vue全家桶课程学习，非常适合不了解Vue2的同学们入门观看！Vue2笔记共三篇 Vue3笔记一篇
- 本笔记跟随Bilibili尚硅谷张天禹讲师的Vue全家桶课程学习，非常适合不了解Vue2的同学们入门观看！ 本笔记跟随Bilibili尚硅谷张天禹讲师的Vue全家桶课程学习，非常适合不了解Vue2的同学们入门观看！
- Hello,我是渔戈,今天我带大家来跟Vue3来一场美丽的邂逅~ 1.Vue是什么??? Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 全称是Vue.js或者Vuejs； 什么是渐进式框架呢？表示我们可以在项目中一点点来引入和使用Vue，而不一定需要全部使用Vue来开发整个项目. Hello,我是渔戈,今天我带大家来跟Vue3来一场美丽的邂逅~ 1.Vue是什么??? Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 全称是Vue.js或者Vuejs； 什么是渐进式框架呢？表示我们可以在项目中一点点来引入和使用Vue，而不一定需要全部使用Vue来开发整个项目.
- 大家好，我是CoderBin，本次讲讲Vue3中关于 <script setup> 的基本使用语法，其中包含了响应式、组件相关、数据暴露等内容，希望对大家有所帮助，谢谢。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻 大家好，我是CoderBin，本次讲讲Vue3中关于 <script setup> 的基本使用语法，其中包含了响应式、组件相关、数据暴露等内容，希望对大家有所帮助，谢谢。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻
- 动态渲染.vue文件其实存在于很多地方，例如近期做的表单设计器就是其中一个，生成vue代码后，应用在其它地方。要求下载完vue文件在其它项目中引入即可使用。那么动态渲染.vue项目如何去做呢？1. 我们需要一个模板页面，这个页面用来处理传递进来的代码，我们最后通过之前有说过的 extend 以及$mount 来进行实例化挂载。那么，我们先第一步，创建一个动态渲染.vue的模板页面。<!-... 动态渲染.vue文件其实存在于很多地方，例如近期做的表单设计器就是其中一个，生成vue代码后，应用在其它地方。要求下载完vue文件在其它项目中引入即可使用。那么动态渲染.vue项目如何去做呢？1. 我们需要一个模板页面，这个页面用来处理传递进来的代码，我们最后通过之前有说过的 extend 以及$mount 来进行实例化挂载。那么，我们先第一步，创建一个动态渲染.vue的模板页面。<!-...
- vue项目大家都了解，开发用 npm run dev/npm run serve。而要上线则必须是先将项目打包编译 npm run build 之后成为了普通的静态网页才可上线进行部署及发布。同样这时候我们也已经将代码全部写好了。如果说要改里面的某个值或者修改请求地址我们应该怎么办呢？其实这个问题，我们也可以将它改成，vue/react项目打包编译后如何再修改其配置。打包之后的项目目录如上... vue项目大家都了解，开发用 npm run dev/npm run serve。而要上线则必须是先将项目打包编译 npm run build 之后成为了普通的静态网页才可上线进行部署及发布。同样这时候我们也已经将代码全部写好了。如果说要改里面的某个值或者修改请求地址我们应该怎么办呢？其实这个问题，我们也可以将它改成，vue/react项目打包编译后如何再修改其配置。打包之后的项目目录如上...
- 简单介绍一下vue实例常用的属性和方法。 简单介绍一下vue实例常用的属性和方法。
- v-model、v-bind、v-on三大指令的区别和使用。 v-model、v-bind、v-on三大指令的区别和使用。
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签