学习目录:Vue.js 简介Vue.js 实例与数据绑定Vue.js 计算属性和侦听器Vue.js 条件渲染和列表渲染Vue.js 事件处理Vue.js 表单输入绑定Vue.js 组件基础Vue.js 组件通信Vue.js 插槽Vue.js 动态组件和异步组件Vue.js 自定义指令Vue.js 过渡和动画Vue.js 混入Vue.js 自定义事件和 v-modelVue.js 渲染函数和 JSX
原创 2023-06-17 11:22:38
162阅读
组件注册Vue.component(组建名称, 组件的配置)在组件中使用components的配置项来表示问题:组件命名问题组件命名和html原生标签冲突 Header Footer ----> header footer大驼峰的写法 Vue.componennt('ZhangJun',{ template: '<div&...
原创 2022-05-10 15:15:52
277阅读
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id='app'> <!--这里的作用是将父组件渲染到页面上--> <father></father></div></body><script src="https:
原创 2021-07-13 13:31:52
248阅读
1. 父子组件通信props(父 → 子)父组件通过属性向子组件传递数据子组件通过 props 选项接收// 父组件 <template> <Child :message="parentMsg" /> </template> <script> export default { data() { return {
原创 精选 6月前
176阅读
现在前端大谈组件化、模块化、工程化。今天就讲讲vue组件的认识与开发。组件化也是vue最强大的功能之一。一、组件开发语法:1、创建组件构造器//创建组件构造器 var constructor = Vue.extend({ template:'<div>hello vue,this is my first component1</div&gt
转载 2016-11-28 11:12:00
153阅读
   什么是组件组件Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。    如何注册组件?    需要使用Vue.extend方法创建一个组件
转载 2017-09-14 15:28:28
1060阅读
Vue.js组件中的data与methods 例如: Vue.component('mycom',{ template:"#temp", data(){ retrun{ msg:'组件中的data数据定义' } } }) 组件中的data如果像Vue实例那样传人一个对象,由于JavaSeript中的 ...
转载 2021-07-14 19:05:00
189阅读
2评论
组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组
原创 2024-10-14 09:52:42
53阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>componentKnowledge-同级组件通信</title> <script src="js/vue.js"></script> </head> <bod
转载 2017-03-11 01:08:00
131阅读
父子通信: props / $emit $emit / $on vuex $attrs / $listeners provide/inject $parent / $children&$refs 兄弟通信: $emit / $on vuex 隔代(跨级)通信: $emit / $on vuex provide / inject $attrs / $listeners 参
原创 2023-03-29 14:48:27
1029阅读
【代码】Vue.js:父子、兄弟、隔代组件之间通信
原创 2023-04-02 09:34:33
1314阅读
什么是组件组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 js 特性扩展。使用组件注册我们可以通过以下方式创建一个 Vue 实例:new Vue({ el: '#some-element', //
转载 2023-05-27 11:23:25
108阅读
# Vue.js蓝牙通信 Vue.js是一个流行的JavaScript框架,用于构建用户界面。它提供了一种简单而强大的方式来处理用户交互和数据流。在这篇文章中,我们将探讨如何利用Vue.js实现蓝牙通信。 ## 蓝牙通信概述 蓝牙是一种无线通信技术,可用于在短距离范围内传输数据。在Web开发中,我们可以使用Web蓝牙API与蓝牙设备进行通信Vue.js提供了一个方便的方式来管理和处理蓝牙通
原创 2023-07-20 03:35:48
4405阅读
前言 Vue采用的是组件化思想,那么这些组件间是如何通信的呢?下面详细介绍一下。 所谓组件通信,不单单是我们字面上理解的相互传递数据,这里还包括一个组件访问另一个组件的实例方法等,如父组件通过ref访问子组件实例成员,并实现传参。我们先来研究父子组件间是如何通信的。 一、父子组件通信 1. pro ...
转载 2021-08-28 15:12:00
85阅读
2评论
一、组件组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:注册一个全局组件语法格式如下:Vue.component(tagName, options)tagName 为组件名,options 为配置选项。注册后,我们可以使用以下方式来调用...
转载 2020-05-20 13:57:00
195阅读
2评论
Vue.component 注册全局组件基本步骤Vue.js组件的使用有3个步骤:创建组件构造器、注册组件和使
原创 2022-07-20 06:26:52
385阅读
一、组件化的实现和使用步骤1、什么是组件化人的大脑处理问题的能力是有限的,当人们面对复杂问题的时候,很难一
原创 2023-02-23 09:21:48
337阅读
作者:张炳​组件的分类常规页面组件由 ​​vue-router​​ 产生的每个页面,它本质上也是一个组件( ​​.vue​​),主要承载当前页面的 HTML 结构,会包含数据获取、数据整理、数据可视化等常规业务。功能性抽象组件不包含业务,独立、具体功能的基础组件,比如日期选择器、弹窗警告等。这类组件作为项目的基础控件,会被大量使用,因此组件的 API 进行过高强度的抽象,可以通过不同配置实现不同的
转载 2022-11-29 13:57:42
63阅读
什么是组件组件(component)是Vue.js最强大的功能之一,核心目标是扩展HTML元素,封装可重用的代码。我们可以把组件代码按照template、style、script的拆分方式,放置到对应的 .vue  文件中。Vue.js组件可以理解为预先定义好行为的ViewModel类,一个组件可以预定义很多选项,但最核心的是以下几个:模板(template) --  模板
原创 2016-11-19 16:20:30
10000+阅读
2点赞
1评论
作者:lindelof 在本文中,我们将探讨一些最常见的vue js组件。你可以收藏一波。Table 类Vue Tables-2地址:https://github.com/matfish2/vue-tables-2Vue Tables 2旨在为开发者提供一个功能齐全的工具集,以便用 Vue 创建漂亮而实用的数据表格。数百个商业软件应用正在使用它。此外,Vue Tables 2正在不断成长、改进,同
转载 2023-09-21 10:08:48
120阅读
  • 1
  • 2
  • 3
  • 4
  • 5