- Get新知识: vue devtools 的安装及简单使用vue devtools 调试工具,相对于浏览器自带的开发者工具对于调试和查看vue 的项目和demo 提供更强大的调试功能,在对数据绑定的检验,标签结构等方面的查看检验调试更方便。 vue 父子组件传值父子组件之间传值,在子组件中使用props 属性接受传值,在使用时子组件时传入在props 中定义的参数名一致的数值。<!DOCT... Get新知识: vue devtools 的安装及简单使用vue devtools 调试工具,相对于浏览器自带的开发者工具对于调试和查看vue 的项目和demo 提供更强大的调试功能,在对数据绑定的检验,标签结构等方面的查看检验调试更方便。 vue 父子组件传值父子组件之间传值,在子组件中使用props 属性接受传值,在使用时子组件时传入在props 中定义的参数名一致的数值。<!DOCT...
- Get新知识: vue 过滤器vue 的过滤器可以实现对数据进行指定格式处理后返回数据,实现过滤的效果。过滤器的定义也分全局过滤器 和 局部过滤器,定义方式也和自定义指令的定义的形式类似,一般情况如下全局过滤器:局部过滤器:过滤器的使用。可以使用在 插值表达式 和 属性绑定中,并且支持级联过滤。 vue 生命周期vue 的生命周期一由 挂载, 更新,销毁 三个周期组成。以下是在 vue 生... Get新知识: vue 过滤器vue 的过滤器可以实现对数据进行指定格式处理后返回数据,实现过滤的效果。过滤器的定义也分全局过滤器 和 局部过滤器,定义方式也和自定义指令的定义的形式类似,一般情况如下全局过滤器:局部过滤器:过滤器的使用。可以使用在 插值表达式 和 属性绑定中,并且支持级联过滤。 vue 生命周期vue 的生命周期一由 挂载, 更新,销毁 三个周期组成。以下是在 vue 生...
- Get新知识: vue 表单域修饰符vue 提供了 number trim 和 lazy 三种表单修饰符,其中number 修饰符是将表单标签中的数据转换成数值,默认情况下是 字符串类型的数据,不适合作为计算,转换后更适合计算。trim 修饰符可以去除数据的两端的空格,其中的空格去除不了,需要注意。lazy 修饰符则是将标签默认的 input 事件转换成 change 事件。(input ... Get新知识: vue 表单域修饰符vue 提供了 number trim 和 lazy 三种表单修饰符,其中number 修饰符是将表单标签中的数据转换成数值,默认情况下是 字符串类型的数据,不适合作为计算,转换后更适合计算。trim 修饰符可以去除数据的两端的空格,其中的空格去除不了,需要注意。lazy 修饰符则是将标签默认的 input 事件转换成 change 事件。(input ...
- Get新知识: vue 按键修饰符vue 中不仅可以通过事件来和用户进行交互,也可以同通过键盘按键来交互,使用 v-on:keyup.enter=“xxx” 的格式来为指定的键盘事件指定处理逻辑,一般情况下是对某个具体键盘事件进行专门的处理逻辑,如果不指定具体按键则会是所按键都会出发事件。 vue 自定义按键修饰符通过如下的语句来自定义按键,Vue.config.keyCodes.qaq ... Get新知识: vue 按键修饰符vue 中不仅可以通过事件来和用户进行交互,也可以同通过键盘按键来交互,使用 v-on:keyup.enter=“xxx” 的格式来为指定的键盘事件指定处理逻辑,一般情况下是对某个具体键盘事件进行专门的处理逻辑,如果不指定具体按键则会是所按键都会出发事件。 vue 自定义按键修饰符通过如下的语句来自定义按键,Vue.config.keyCodes.qaq ...
- Get新知识: vue 的基本使用步骤需要提供标签用于填充数据引入vue.js 库文件可以使用vue 的语法做功能实现将vue 提供的数据填充标签中入门案例:插值表达式的简单使用。形如 {{ xxx }}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp... Get新知识: vue 的基本使用步骤需要提供标签用于填充数据引入vue.js 库文件可以使用vue 的语法做功能实现将vue 提供的数据填充标签中入门案例:插值表达式的简单使用。形如 {{ xxx }}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp...
- 前一段时间,尤大发布了Vite3.0,以及更新了Vite的官方文档,今天叶秋学长带领大家一起学习Vite3.0新特性一览,以下是Vite的官方文档图示:编辑进入首页反正给我的感觉就是很惊艳。这篇文档就来简单的介绍一下Vite3.0都有哪些新东西,别被卷的不成样子。目录一、模板的变更二、Vite CLI的优化三、import.meta.glob API的变化四、其他内容Vite3.0还... 前一段时间,尤大发布了Vite3.0,以及更新了Vite的官方文档,今天叶秋学长带领大家一起学习Vite3.0新特性一览,以下是Vite的官方文档图示:编辑进入首页反正给我的感觉就是很惊艳。这篇文档就来简单的介绍一下Vite3.0都有哪些新东西,别被卷的不成样子。目录一、模板的变更二、Vite CLI的优化三、import.meta.glob API的变化四、其他内容Vite3.0还...
- 1.最简单的用 name传参$route.name 输出的是当前路由 ,不过这个一般不用1.在路由文件router/index.js里配置name属性。routes: [ { path: '/', name: 'Hello', component: Hello }]2.模板里(src/App.vue)用$router.name的形势接收,比如直接在... 1.最简单的用 name传参$route.name 输出的是当前路由 ,不过这个一般不用1.在路由文件router/index.js里配置name属性。routes: [ { path: '/', name: 'Hello', component: Hello }]2.模板里(src/App.vue)用$router.name的形势接收,比如直接在...
- 文章目录一、动态路由1.1 设置动态路由1.2 动态给路由绑定userid二、在User组件里面显示id信息2.1 `this.$route`2.2 `this.$route.params`一、动态路由在某些情况下, 一个页面的path路径可能是不确定的, 比如我们进入用户界面时, 除了前面的/user之外, 后面还跟上用户的ID : /user/aaa1.1 设置动态路由import Vu... 文章目录一、动态路由1.1 设置动态路由1.2 动态给路由绑定userid二、在User组件里面显示id信息2.1 `this.$route`2.2 `this.$route.params`一、动态路由在某些情况下, 一个页面的path路径可能是不确定的, 比如我们进入用户界面时, 除了前面的/user之外, 后面还跟上用户的ID : /user/aaa1.1 设置动态路由import Vu...
- 设计的面试题Vue中父子组件通信有哪些方式?概述通信方式无外乎就那几种:Prop 常用$emit 组件封装用的较多.sync 语法糖 (较少)$attrs和$listeners(组件封装用的较多)provide和inject(高阶组件/组件库用的较多)其他方式通信详情1 Prop我们用的最多方式,可以通过Prop向子组件传递数据。用一个形象的比喻来说,父子组件之间的数据传递相当于自上而下的... 设计的面试题Vue中父子组件通信有哪些方式?概述通信方式无外乎就那几种:Prop 常用$emit 组件封装用的较多.sync 语法糖 (较少)$attrs和$listeners(组件封装用的较多)provide和inject(高阶组件/组件库用的较多)其他方式通信详情1 Prop我们用的最多方式,可以通过Prop向子组件传递数据。用一个形象的比喻来说,父子组件之间的数据传递相当于自上而下的...
- 全局组件和局部组件的注册组件简介组件的基本使用全局注册①注册全局组件②全局组件使用进阶③组件内容中的其他选项局部注册注册局部组件组件简介组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树:组件的基本使用和创建一个vue实例需要创建后才能使用类似,组件也需要进行注册(定义)后才能使用。注册分为全局... 全局组件和局部组件的注册组件简介组件的基本使用全局注册①注册全局组件②全局组件使用进阶③组件内容中的其他选项局部注册注册局部组件组件简介组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树:组件的基本使用和创建一个vue实例需要创建后才能使用类似,组件也需要进行注册(定义)后才能使用。注册分为全局...
- (1)El 元素节点(2)Data 数据集合(3)Methods 方法集合前三个基本上已经讲了,我们直接来看实例对象的计算属性(4)Computed 计算属性1)什么是计算属性1.计算属性即computed, 和前面我们讲的methods方法基本上一样。他们的写法都是函数形式。2.不同的是,methods选项里面的是真正的函数,代表的是一段程序代码的集合,而写在computed的虽然写法也是... (1)El 元素节点(2)Data 数据集合(3)Methods 方法集合前三个基本上已经讲了,我们直接来看实例对象的计算属性(4)Computed 计算属性1)什么是计算属性1.计算属性即computed, 和前面我们讲的methods方法基本上一样。他们的写法都是函数形式。2.不同的是,methods选项里面的是真正的函数,代表的是一段程序代码的集合,而写在computed的虽然写法也是...
- 一、props / emit父组件通过 props 的方式向子组件传递数据,而通过 emit() 子组件可以向父组件通信。父组件向子组件传值下面通过一个例子说明父组件如何向子组件传递数据:在子组件article.vue中如何获取父组件 section.vue 中的数据 articles:['红楼梦', '西游记','三国演义']// section父组件<template> <div cl... 一、props / emit父组件通过 props 的方式向子组件传递数据,而通过 emit() 子组件可以向父组件通信。父组件向子组件传值下面通过一个例子说明父组件如何向子组件传递数据:在子组件article.vue中如何获取父组件 section.vue 中的数据 articles:['红楼梦', '西游记','三国演义']// section父组件<template> <div cl...
- Jerry 2020年曾经在 SAP 全球技术大会上,给大家分享过,SAP Commerce Cloud 新一代基于 SAP Spartacus 项目的 Storefront.这个开源项目使用到的前端框架是 Angular.更多详情,请参考 Jerry 的文章:Jerry在2020 SAP全球技术大会的分享:SAP Spartacus技术介绍的文字版。其实 SAP Spartacus 在问世... Jerry 2020年曾经在 SAP 全球技术大会上,给大家分享过,SAP Commerce Cloud 新一代基于 SAP Spartacus 项目的 Storefront.这个开源项目使用到的前端框架是 Angular.更多详情,请参考 Jerry 的文章:Jerry在2020 SAP全球技术大会的分享:SAP Spartacus技术介绍的文字版。其实 SAP Spartacus 在问世...
- 编辑vue快速学习01、环境与常用属性标签1、MVVCMVVM设计模式是由Model(模型)、View(视图)和ViewModel(视图模型)三部分组成,是MVC设计模式的进化版,即Controller转变为ViewModel。这种模式可以使View的变化自动化更新到ViewModel,而ViewModel的变化也会自动同步到View上显示。2、vue.js制作!function(e,... 编辑vue快速学习01、环境与常用属性标签1、MVVCMVVM设计模式是由Model(模型)、View(视图)和ViewModel(视图模型)三部分组成,是MVC设计模式的进化版,即Controller转变为ViewModel。这种模式可以使View的变化自动化更新到ViewModel,而ViewModel的变化也会自动同步到View上显示。2、vue.js制作!function(e,...
- Vue.js 是一套用于构建用户界面的渐进式框架,在目前的前端开放中比较流行的前端框架。Vue 被设计成自底向上的逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或已有项目整合。但是学习 Vue.js 需要一定的 HTML、CSS、和 JavaScript 基础,所以本章节将不对这些基础内容进行讲解。 Vue的组件化开发目前的前端开发中组件化开发成为了潮流,而所谓的组件... Vue.js 是一套用于构建用户界面的渐进式框架,在目前的前端开放中比较流行的前端框架。Vue 被设计成自底向上的逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或已有项目整合。但是学习 Vue.js 需要一定的 HTML、CSS、和 JavaScript 基础,所以本章节将不对这些基础内容进行讲解。 Vue的组件化开发目前的前端开发中组件化开发成为了潮流,而所谓的组件...
上滑加载中
推荐直播
-
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步轻松管理成本,帮助提升日常管理效率!
回顾中
热门标签