Vue.js自定义组件

内容分发与自定义事件

学习完整课程请移步互联网Java全栈工程师本节视频【视频】Vue渐进式JavaScript框架-Vue-布局篇-内容分发与自定事件【视频】Vue渐进式JavaScript框架-Vue-入门总结Vue中的内容分发在Vue.js
撸帝·2024-01-02 07:49

vue.js 组件中的template

template是Vue组件中定义组件的模板部分。它是一个字符串或者一个包含模板内容的标签。template定义了组件的结构和内容，即组件的HTML结构和插值表达式。template的作用是定义组件的外观和结构，以及绑定数据和展示数据。在模板中，我们可以使用Vue的模板语法来插入数据、绑定事件、进行条件渲染、循环遍历等。以下是一些template中常用的Vue模板语法：双花括号插值：使用{{exp
zz的学习记录·2024-01-02 06:12

vue的钩子函数

Vue.js提供了一些生命周期钩子函数和方法，这些函数允许你在组件不同阶段执行代码，以便你可以控制和响应组件的生命周期事件。
zz的学习记录·2024-01-02 06:12

微信小程序开发系列-08自定义组件模版特性

“tabBar”》《微信小程序开发系列-04获取用户图像和昵称》《微信小程序开发系列-05登录小程序》《微信小程序开发系列-06事件》《微信小程序开发系列-07组件》文章目录微信小程序开发系列目录前言自定义组件模版特性数据绑定
sif_666·2024-01-02 05:53

微信小程序开发系列-11组件间通信02

window”和“tabBar”》《微信小程序开发系列-04获取用户图像和昵称》《微信小程序开发系列-05登录小程序》《微信小程序开发系列-06事件》《微信小程序开发系列-07组件》《微信小程序开发系列-08自定义组件模版特性
sif_666·2024-01-02 05:52

Vue3使用事件总线（Event Bus）实现发布订阅模式

Vue3使用事件总线（EventBus）实现发布订阅模式在Vue.js中，订阅发布模式（也称为发布-订阅模式或Pub/Sub模式）是一种设计模式，用于促进组件或对象之间的松散耦合。
正宗咸豆花·2024-01-02 04:29

WebStorm 2023.3 简明安装教程

无论是对Angular、React、Vue.js等流行框架的深度集成，还是对Node.js应用的优化，WebStorm都能提供卓越的开发体验，
宋小黑·2024-01-02 03:04

python安徽合肥游玩商家数据可视化大屏全屏系统设计与实现（django框架）

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-01-02 01:54

HarmonyOS应用开发者基础知识练习笔记

（错）所有使用@Component修饰的自定义组件都支持onPageShow，onBackPress和onPageHide生命周期函数。（错）在Column和Row容器组件中，justifyC
shao_1101·2024-01-02 00:36

梅科尔工作室-赵隆启-鸿蒙笔记3

list是一个大容器，listitem是大容器里的小容器list组件里面包含着listitem的子组件我们最常用的就是space接口，它可以控制各个小组件之间的距离使用list组件可以达到以下效果父子组件（自定义组件
Uesugi Erii·2024-01-02 00:05

梅科尔工作室-Joe-鸿蒙笔记3

鸿蒙ArkTs学习笔记（DevEcoStudio的使用）list组件由外层list容器组件和内层的listitem容器组件构成，list是一个大容器，listitem是大容器里的小容器使用例父子组件（自定义组件
下北泽红茶店长·2024-01-02 00:35

梅科尔工作室-赵亮-鸿蒙笔记3

if/else条件渲染语句中；示例简单类型数组示例：List容器组件由list容器组件和listitem容器组件构成，list是一个大容器，listitem是大容器里的小容器使用说明示例效果父子组件（自定义组件
ZLZZVR·2024-01-02 00:04

ArkTS基础学习笔记

基础基于：HarmonyOS开发者3.1/4.0版本配套的开发者文档，对应API能力级别为API9Release文章目录ArkTS基础基本语法基本语法概述声明式UI描述创建组件配置属性配置事件配置子组件自定义组件自定义组件的基本结构自定义组件通用样式生命周期
Glubin·2024-01-02 00:03

python辽宁沈阳天气预报数据可视化大屏全屏系统设计与实现（django框架）

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-01-01 22:31

Web前端-Vue.js必备框架（一）

Web前端-Vue.jsWeb前端-Vue.js必备框架（一）Vuejs{{message}}{{$data|json}}newVue({el:"#app",data:{message:"HelloWorld
魔王哪吒·2024-01-01 21:53

Vue3 高级语法以及自定义组件

1.1h函数1.1.1h()函数的基本使用1.1.2h()函数中组件与插槽的使用1.2jsx语法糖1.2.1jsx的配置(旧版本)1.2.2jsx计数器案例1.2.3jsx组件的使用2.指令的生命周期3.自定义组件
ik i5·2024-01-01 21:59

【自定义组件】uniapp&vue开发，自定义封装组件步骤

学会封装代码，是程序猿必备的能力。避免在开发过程中多处施展cv大法，封装代码有利于提升代码的复用性，可以大大减少复制粘贴带来的冗余代码。以下是封装代码的具体步骤：1.创建组件页面在项目文件夹里创建一个与page平级的components页面，并在里面创建一个与该组件名相同的页面：（注意：不用在pages.json文件里再去配置了。）2.在组件中写props属性用于接收值（若不进行值传递可以不写）。
小跳不会Coding·2024-01-01 21:59

Vue自定义组件及组件传值

vue自定义组件:1、在src中components中,新建文件,后缀名为.vue组件（首字母建议大写）例如:Weekly.vue2、Weekly.vue:3、在app.vue中引用组件:js中先引入/
短歌长眠·2024-01-01 21:29

vue3笔记：自定义组件

自定义组件，举个:1、封装自定义组件CustomList.vueimporttype{IDataItem}from"..
是烤面包片呀？·2024-01-01 21:29

vue组件、html里引用vue.js，实现自定义组件，子父组件相互传参、vue2组件、vue3组件用法、component、组件传值

在html里直接引用vue.js，实现自定义组件、子父相互传参目录自定义组件父组件给子组件传值子组件向父组件传值vue3组件用法自定义组件目录结构一、首先，引用vue.js到页面，版本根据自己的需要，我这里是
闲来无事垂钓·2024-01-01 21:58

vue3自定义组件

vue3自定义组件1.在components文件夹创建一个组件组件名Component内容这是我的组件exportdefault{name:'component',}2.在app.vue中使用组件//导入组件
weixin_45099012·2024-01-01 21:58

html 文件添加引用 vue 文件作为自定义组件

废话不多说，直接上代码！需要创建两个文件：side.vue、index.htmlside.vue文件内容这个是{{pageName}}页面module.exports={data:function(){return{pageName:'Side.vue'}}}index.html文件代码newVue({el:"#app",/*引用vue文件为组件*/components:{'side':httpV
张学徒·2024-01-01 21:28

利用app.use全局注册自定义组件

利用app.use全局注册自定义组件在自己封装好的组件文件夹下创建index.tsimport{App}from'vue'//导入自己的组件importchooseAreafrom'.
会飞的战斗鸡·2024-01-01 21:28

VUE3.0学习系列随笔（五）：自定义组件使用

VUE3.0学习系列随笔（五）：自定义组件使用VUE2.0和VUE3.0虽然在工程目录结构上存在较大差异，但是具体的代码实现逻辑相同，本文所使用的自定义组件方法，同样适用于VUE2.0。
一方通行00·2024-01-01 21:27

vue2脚手架之自定义组件的总结

前言vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动
lqj_本人·2024-01-01 21:57

vue 引入自定义组件失效

看一下components用的是数组([])，还是对象（{}），如果是对象的话就没问题，是数组的话，你就知道问题出在哪里了。
傲太白·2024-01-01 21:57

App.vue中引入自定义组件

components目录中定义组件：Person.vue目录截图：Person.vue文件中内容：姓名：{{name}}年龄：{{age}}修改名字增加年龄查看联系方式exportdefault{name:'Person',//组件的名字data(){return{name:'张三',age:18,tel:'13888888888'}},methods:{showTel(){alert(this.
夏天的冬雪·2024-01-01 21:56

Vue Router的介绍与引入

在这里是记录我引入VueRouter的全过程，引入方面也最好先看官方文档一.介绍VueRouter是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。
城堡修炼者·2024-01-01 19:59

父组件向子组件传递数据

在Vue.js中，父组件向子组件传递数据可以通过props实现。props是父组件向子组件传递数据的方式之一，可以让父组件传递数据给子组件，并且在子组件中使用这些数据。
mywaya2333·2024-01-01 18:43

子组件如果向父组件传递数据是怎么做到

在Vue.js中，子组件向父组件传递数据可以通过自定义事件来实现。子组件可以通过`$emit`方法触发一个自定义事件，并且可以传递数据给父组件。
mywaya2333·2024-01-01 18:43

vue的file-saver

VueFileSaver是一个用于在浏览器中保存文件的Vue.js插件。它提供了一种简单的方式来将数据以文件的形式下载到用户的计算机上。
mywaya2333·2024-01-01 18:12

科普贴：通过10个要点来快速认识了解Vue.js前端框架

这些最新添加的内容使Vue.js更加强大，使其成为您下一个项目可以考虑的绝佳框架。您将详细了解Vue.js的10件事，以及它如何帮助您交付可扩展和高性能的前端应用程序。什么是Vue.js？
WPHunter·2024-01-01 18:02

Vue.js 3核心特性：探索Composition API的魅力

嗨，各位前端骑士们！今天，我们将深入探索Vue.js3的核心特性，CompositionAPI。这是Vue.js3中的一颗璀璨明珠，为前端开发带来了全新的体验。让我们一起揭开CompositionAPI的神秘面纱吧！什么是CompositionAPI？首先，让我们弄清楚CompositionAPI到底是什么。在Vue.js2中，我们使用选项式API来构建组件，这样做可以，但当组件变得复杂时，代码可
fans小知·2024-01-01 16:34

Vue3 Composition API

#Vue3快速上手##1.Vue3简介-2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）-耗时2年多、[2600+次提交](https://github.com/vuejs
掌趣·2024-01-01 16:34

深入理解Vue.js 3的Reactive方法

在Vue.js中，响应式是指当应用状态发生变化时，视图会自动更新以反映这些变化。reactive是Vue3的Comp
liwp_Stephen·2024-01-01 16:33

探索Vue.js的Composition API：构建更清晰、可维护的组件

Vue.js一直以其简洁和灵活著称，而Vue3的推出标志着这个框架在组件设计思想上的一次重大进步。
liwp_Stephen·2024-01-01 16:02

Vue-router2.0学习笔记

Vue.js的一大特色就是构建单页面应用十分方便，既然要方便构建单页面应用那么自然少不了路由，vue-router就是vue官方提供的一个路由框架。
快乐的果哥·2024-01-01 15:55

Vue服务器端渲染

Vue.js是构建客户端应用程序的框架默认情况下浏览器输出Vue组件，生成DOM并操作DOM服务器端渲染则是服务器端生成静态的HTML字符串，浏览器将静态标记“混合”为客户端可交互的应用程序服务器渲染的
yolkpie·2024-01-01 15:18

Vue2 element-ui 框架中集成国际化 vue-i18n 并封装成可切换语言的组件

VueI18n是Vue.js官方推荐的国际化插件，它可以帮助您轻松地实现多语言支持。
-Bell-·2024-01-01 13:43

HarmonyOS4.0系统性深入开发10卡片事件能力说明

接口定义：postCardAction(component:Object,action:Object):void接口参数说明：参数名参数类型必填参数描述componentObject是当前自定义组件的实例
程序员沙蛙·2024-01-01 11:32

python江西南昌二手房数据可视化大屏全屏系统设计与实现（django框架）

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-01-01 11:58

python甘肃兰州酒店数据可视化大屏全屏系统设计与实现（django框架）

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-01-01 10:20

如何在uniapp中编写云函数

UniApp是一个使用Vue.js开发所有前端应用的框架，开发者编写一次代码，可发布到iOS、Android、H5以及各种小程序。如果你想在UniApp中操作云数据库，你可能需要使用云开发的功能。
zz_ll9023·2024-01-01 09:36

Vue.js和Node.js的关系--类比Java系列

首先我们看一张图这里我们类比了Java的jvm和JavaScript的node.js。可以看到，node.js是基础，提供了基础的编译执行的能力。vue,js是实际上定义了一种他自己的代码格式，以加速开发。
_长银_·2024-01-01 09:03

探索 Vue 异步组件的世界：解锁高效开发的秘密（下）

前端开发工程师（主业）、技术博主（副业）、已过CET6阿珊和她的猫_CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js
阿珊和她的猫·2024-01-01 09:02

微信小程序之自定义组件使用的方法详解

一/创建自定义组件文件在Components里面新建文件夹（pubu）,点击pubu右键选择新建Components具体参考链接如何创建自定义组件二/引用在父组件index.son文件中添加路径“usingComponents
亚历山大海·2024-01-01 07:21

微信小程序实现跑马灯效果(自定义组件详解)

首先看一下效果吧首先我们在项目根目录建一个公共文件夹,这里我命名为components在components里面创建一个组件,dt-horse-race-lamp>index最后我会把我的目录结构给大家看一下,代码都有注释,这里我就不做过多的解释了组件wxml幸运星{{item.text}}组件jsComponent({/***组件的属性列表*/properties:{marqueeDistanc
青衫折扇·2024-01-01 07:19

python湖南长沙二手房数据可视化大屏全屏系统设计与实现（django框架）

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-01-01 05:51

vue的工作原理

获取内存中的(虚拟)dom树和新生成的(虚拟)dom树,通过diff算法进行对比,得到需要更新的DOM元素这两颗(虚拟)DOM树都是框架模拟出来的,就是个对象,旧的会被保存在内存中Vue.js是一种用于构建用户界面的渐进式
Z_B_L·2024-01-01 05:36

Vue.js+Node.js全栈开发教程：Vue.js生命周期

在Vue.js应用中，每个Vue实例在被创建（newVue()）时，都要经过一系列的初始化过程，例如：设置数据监听、编译模板、将实例挂载到D?M上，以及在数据变化时更新D?M等。
谷哥-Mr.Gu·2024-01-01 03:15
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他