- 文章目录前言一、使用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三大指令的区别和使用。
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签