文章 2024-10-18 来自:开发者社区

VUE学习三:双向绑定指令(v-mode)、组件化开发(全局组件/局部组卷/组件通信)、组件化高级(slot插槽使用)

导言 let、const和var的区别(涉及块级作用域) JavaScript 中双引号、单引号和反引号的区别 一、01-v-model使用 1. 01-v-model的基本使用.html v-mode指令 大多用在表单上进行双向绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset=...

VUE学习三:双向绑定指令(v-mode)、组件化开发(全局组件/局部组卷/组件通信)、组件化高级(slot插槽使用)
文章 2024-08-20 来自:开发者社区

Vue学习之--------组件自定义事件(绑定、解绑)(2022/8/21)

文章目录 1、基础知识 2、代码实例 2.1 App.vue 2.2 school.vue 2.3 student.vue 3、测试效果(略) 4、实际应用(在组件化编码实战三的基础上改进) 4.1 改进的部分说明 4.2 如何查看触发的自定义事件的详细信息 1、基础知识 一种组件间通信的方式,适用于:子组件...

Vue学习之--------组件自定义事件(绑定、解绑)(2022/8/21)
文章 2024-08-19 来自:开发者社区

Vue学习之--------深入理解Vuex之多组件共享数据(2022/9/4)

在上篇文章的基础上:Vue学习之--------深入理解Vuex之getters、mapState、mapGetters 文章目录 1、在state中新增用户数组 2、新增Person.vue组件 3、在Count组件中使用Person组件操作的数据 4、测试效果 1、在state中新增用户数组 2、新增Person.vue组件 提示:这里使用nanoid来生成新用...

Vue学习之--------深入理解Vuex之多组件共享数据(2022/9/4)
文章 2024-08-15 来自:开发者社区

Vue学习之--------组件在Vue脚手架中的使用(代码实现)(2022/7/24)

文章目录 1、第一步编写组件 1.1 编写一个 展示学校的组件 1.2 定义一个展示学生的信息组件 2、第二步引入组件 3、制作一个容器 4、使用Vue接管 容器 5、实际效果 6、友情提示: 7、项目的目录结构 1、第一步编写组件 template中进行页面结构(必须要有一个根节点(div)) script 中进行数据的交互操作、da...

Vue学习之--------组件在Vue脚手架中的使用(代码实现)(2022/7/24)
文章 2024-08-15 来自:开发者社区

Vue学习之--------组件嵌套以及VueComponent的讲解(代码实现)(2022/7/23)

欢迎加入刚建立的社区:http://t.csdn.cn/Q52km加入社区的好处:1、专栏更加明确、便于学习2、覆盖的知识点更多、便于发散学习3、大家共同学习进步3、不定时的发现金红包(不多哈) 文章目录 1、效果图分析 2、先创建一个组件 3、新创建一个组件、嵌套已经存在的组件 4、第四步 注册组件 5、实现的效果 6、套娃式嵌套 代码实例 7、测试效果 8、关于Vu...

Vue学习之--------组件嵌套以及VueComponent的讲解(代码实现)(2022/7/23)
文章 2024-08-15 来自:开发者社区

Vue学习之--------组件的基本使用(非单文件组件)(代码实现)(2022/7/22)

文章目录 1、为啥要使用组件 2、基本使用 3、代码实例 4、测试效果 5、注意点 1、为啥要使用组件 好用啊、像堆积木一样 2、基本使用 Vue中使用组件的三大步骤: 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签) 一、如何定义一个组件? 使用Vue.extend(options)创建...

Vue学习之--------组件的基本使用(非单文件组件)(代码实现)(2022/7/22)
文章 2024-07-03 来自:开发者社区

13 VUE学习:组件v-model

基本用法 v-model 可以在组件上使用以实现双向绑定。 从 Vue 3.4 开始,推荐的实现方式是使用 [defineModel()]宏: ...

13 VUE学习:组件v-model
文章 2024-07-03 来自:开发者社区

10 VUE学习:模板和组件基础

虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作,但在某些情况下,我们仍然需要直接访问底层 DOM 元素。要实现这一点,我们可以使用特殊的 ref attribute: <input ref="input"> ...

10 VUE学习:模板和组件基础
文章 2024-06-26 来自:开发者社区

Vue学习系列(二)——组件详解

前言 在上一篇初识Vue核心中,我们已经熟悉了vue的两大核心,理解了Vue的构建方式,通过基本的指令控制DOM,实现提高应用开发效率和可维护性。而这一篇呢,将对Vue视图组件的核心概念进行详细说明。 什么是组件呢? 组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素。 为什么要用到组件呢? 为了可重用性高,减少重复...

文章 2023-07-29 来自:开发者社区

Vue组件开发指南:深入学习组件生命周期、Props、事件处理和插槽(下)

6. 插槽在Vue中,插槽(Slots)是一种用于组件之间的内容分发的机制。通过使用插槽,你可以将组件的内容定义在父组件中,并在子组件中进行分发和显示。本节将介绍插槽的作用和使用场景,以及匿名插槽和具名插槽的区别,还会介绍作用域插槽和插槽传递数据的方法。插槽的作用和使用场景插槽允许你在组件中定义一些可变的内容,并将其分发到组件的特定位置。这样,你可以在父组件中编写通用的模板代码,并根据需要在子组....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注