- 一、前言在前期博文《Vue进阶（八十四）：vue中Computed 和 Watch的使用和区别》中，讲解了vue中Computed 和 Watch的使用和区别，其中，只是介绍了computed如何计算元素属性，并未介绍如何方法传参。本篇博文主要讲解下如何利用computed的计算属性进行传参。 二、场景引入在前端项目开发过程中，会遇到码值转换应用场景，且不同页面会存在复用码值转换情况，为提... 一、前言在前期博文《Vue进阶（八十四）：vue中Computed 和 Watch的使用和区别》中，讲解了vue中Computed 和 Watch的使用和区别，其中，只是介绍了computed如何计算元素属性，并未介绍如何方法传参。本篇博文主要讲解下如何利用computed的计算属性进行传参。 二、场景引入在前端项目开发过程中，会遇到码值转换应用场景，且不同页面会存在复用码值转换情况，为提...
- 属性window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。在窗口大小改变之后,就会触发resize事件.//vue页面<template> <div id='echart'> 报表 </div></template><script> export default { data() { return { }; ... 属性window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。在窗口大小改变之后,就会触发resize事件.//vue页面<template> <div id='echart'> 报表 </div></template><script> export default { data() { return { }; ...
- 图片切换是一个很经典的Vue入门学习案例，在你学习完一些基本的v-指令后，你可以尝试去写一个简单的demo去巩固和熟悉这些指令的使用方法，那么图片切换这个小demo就是一个不错的练手案例。 图片切换是一个很经典的Vue入门学习案例，在你学习完一些基本的v-指令后，你可以尝试去写一个简单的demo去巩固和熟悉这些指令的使用方法，那么图片切换这个小demo就是一个不错的练手案例。
- 从实例运行结果看在运行 vm.site = '菜鸟教程 http://www.kxdang.com/topic/'; 时，setter 会被调用， vm.name 和 vm.url 也会被对应更新。 从实例运行结果看在运行 vm.site = '菜鸟教程 http://www.kxdang.com/topic/'; 时，setter 会被调用， vm.name 和 vm.url 也会被对应更新。
- 我们也可以在实例选项中注册局部组件，这样组件只能在这个实例中使用： 我们也可以在实例选项中注册局部组件，这样组件只能在这个实例中使用：
- 由于 v-model 默认传的是 value，不是 checked，所以对于复选框或者单选框的组件时，我们需要使用 model 选项，model 选项可以指定当前的事件类型和传入的 props。 由于 v-model 默认传的是 value，不是 checked，所以对于复选框或者单选框的组件时，我们需要使用 model 选项，model 选项可以指定当前的事件类型和传入的 props。
- errorClass 是始终存在的，isActive 为 true 时添加 activeClass 类： errorClass 是始终存在的，isActive 为 true 时添加 activeClass 类：
- 一、前言在开发Vue项目过程中，代码复用之自定义组件是常做事情。当子组件为form表单的时候，父组件需要获取子组件（表单）的验证结果。尽管有 prop 和事件，但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用... 一、前言在开发Vue项目过程中，代码复用之自定义组件是常做事情。当子组件为form表单的时候，父组件需要获取子组件（表单）的验证结果。尽管有 prop 和事件，但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用...
- 一、前言package-lock.json文件的作用是锁定安装时包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。根据官方文档，package-lock.json 是在 npm install时生成的一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 二、作用它有什么作用呢？因为npm是一个用于管理package... 一、前言package-lock.json文件的作用是锁定安装时包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。根据官方文档，package-lock.json 是在 npm install时生成的一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 二、作用它有什么作用呢？因为npm是一个用于管理package...
- Vue组件datepicker 400 后端Source: (PushbackInputStream)； line: 1, column: 111] (through reference chain) Vue组件datepicker 400 后端Source: (PushbackInputStream)； line: 1, column: 111] (through reference chain)
- 一、前言项目开发过程中，优化项目时考虑加入全屏功能。具体实践步骤如下： 二、安装依赖项目中使用的是sreenfull插件，执行命令安装：npm install --save screenfull 三、应用组件安装好后，引入项目，用一个按钮进行控制即可，通过Esc键退出全屏按钮方法如下：<script>import screenfull from 'screenfull'export def... 一、前言项目开发过程中，优化项目时考虑加入全屏功能。具体实践步骤如下： 二、安装依赖项目中使用的是sreenfull插件，执行命令安装：npm install --save screenfull 三、应用组件安装好后，引入项目，用一个按钮进行控制即可，通过Esc键退出全屏按钮方法如下：<script>import screenfull from 'screenfull'export def...
- 一、前言ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整VUE组件库与开发方案集成项目。下面具体讲解下该组件库的应用实践。 二、组件库安装npm install ant-desig... 一、前言ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整VUE组件库与开发方案集成项目。下面具体讲解下该组件库的应用实践。 二、组件库安装npm install ant-desig...
- @toc 1、简介 Vue.js使用了基于HTML的模板语法，允许开发者声明式地将呈现的DOM绑定至底层组件实例的数据。所有的Vue.js模板都是有效的HTML,可以被符合规范的浏览器和HTML解析器解析。 在底层，Vue将模板编译为虚拟DOM呈现函数，结合响应式系统，当应用程序状态发生变化时，Vue可以智能地计算出需要重新渲染和应用最小数量DOM操作的组件。 2、实例代码：<!DOCT... @toc 1、简介 Vue.js使用了基于HTML的模板语法，允许开发者声明式地将呈现的DOM绑定至底层组件实例的数据。所有的Vue.js模板都是有效的HTML,可以被符合规范的浏览器和HTML解析器解析。 在底层，Vue将模板编译为虚拟DOM呈现函数，结合响应式系统，当应用程序状态发生变化时，Vue可以智能地计算出需要重新渲染和应用最小数量DOM操作的组件。 2、实例代码：<!DOCT...
- 1、监听器简介 Vue中的监听器主要用于监测组件实例的数据变动，并依据该数据变动作出响应，如更新一个数据，或者发起异步请求从服务器端请求数据。与计算属性不同的是，监听器不需要返回新的数据，不能被当作数据属性使用，当需要在数据变化时执行异步或开销较大的操作时，使用监听器是最合适的。 2、使用监听器 监听器在Vue实例的选项对象的watch选项中定义。<!DOCTYPE html><htm... 1、监听器简介 Vue中的监听器主要用于监测组件实例的数据变动，并依据该数据变动作出响应，如更新一个数据，或者发起异步请求从服务器端请求数据。与计算属性不同的是，监听器不需要返回新的数据，不能被当作数据属性使用，当需要在数据变化时执行异步或开销较大的操作时，使用监听器是最合适的。 2、使用监听器 监听器在Vue实例的选项对象的watch选项中定义。<!DOCTYPE html><htm...
- 1、递归组件 组件可以在自己的模板种递归调用自身，但这需要使用name选项为组件指定一个内部调用的名称。当调用Vue.createApp({}).component({})全局注册组件时，这个全局的ID会自动设置为该组件的name选项。 递归组件和程序语言中的递归函数调用一样，都需要有一个条件结束递归，否则就会导致无限循环。例如，可以通过v-if指令（表达式计算为假时）结束递归。 2、... 1、递归组件 组件可以在自己的模板种递归调用自身，但这需要使用name选项为组件指定一个内部调用的名称。当调用Vue.createApp({}).component({})全局注册组件时，这个全局的ID会自动设置为该组件的name选项。 递归组件和程序语言中的递归函数调用一样，都需要有一个条件结束递归，否则就会导致无限循环。例如，可以通过v-if指令（表达式计算为假时）结束递归。 2、...
上滑加载中
推荐直播
-
华为云码道-玩转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创作思路，一次讲透！
回顾中
热门标签