- 属性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、...
- 1、简介 在开发大型单页应用时,需要烤炉项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务无关的事情,对于项目中用到的构建工具、代码检查工具等还需要一遍一遍地重复配置。这很浪费时间,物品们会选择一些能够创建脚手架地工具,来帮助搭建一个项目地框架,并进行一些项目所依赖地初始配置。 在Vue.js环境中,这个脚手架工具就是Vue CLI,利用这个工具,可以自动生成一个基... 1、简介 在开发大型单页应用时,需要烤炉项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务无关的事情,对于项目中用到的构建工具、代码检查工具等还需要一遍一遍地重复配置。这很浪费时间,物品们会选择一些能够创建脚手架地工具,来帮助搭建一个项目地框架,并进行一些项目所依赖地初始配置。 在Vue.js环境中,这个脚手架工具就是Vue CLI,利用这个工具,可以自动生成一个基...
上滑加载中
推荐直播
-
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步轻松管理成本,帮助提升日常管理效率!
回顾中
热门标签