- 文章目录前言一、全局组件子组件应用组件优点：组件的可复用性全局组件缺点描述二、局部组件创建与注册局部组件(认识components属性)局部组件的默认规定(组件名称首字母全都大写)三、父子组件的传值(静态、动态)3.1、静态传值(name="技小胖")3.2、动态传值(v-bind:xx="xx"配合子组件中的props数组接收)动态传递值动态传递函数3.3、三种校验方式①类型校验(props需要 文章目录前言一、全局组件子组件应用组件优点：组件的可复用性全局组件缺点描述二、局部组件创建与注册局部组件(认识components属性)局部组件的默认规定(组件名称首字母全都大写)三、父子组件的传值(静态、动态)3.1、静态传值(name="技小胖")3.2、动态传值(v-bind:xx="xx"配合子组件中的props数组接收)动态传递值动态传递函数3.3、三种校验方式①类型校验(props需要
- 文章目录前言一、使用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实例常用的属性和方法。
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签