文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
    时间不限
    最近一周
    最近一月
    最近三月
  • 来自专栏ops技术分享

    Vue.js 组件

    组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 注册一个全局组件语法格式如下： Vue.component(tagName, options) 注册后，我们可以使用以下方式来调用组件： <tagName></tagName> 全局组件 所有实例都能用全局组件。 ' }) // 创建根实例 new Vue({ el: '#app' }) </script> 局部组件 我们也可以在实例选项中注册局部组件，这样组件只能在这个实例中使用： 局部组件实例 : '

    自定义组件!

    5.1K20发布于 2021-07-27
  • 来自专栏pandacode_cn

    Web组件库 JS组件方法记录

    以折叠面板的形式进行组件描述，点击对应的面板会展示对应信息。

    50800编辑于 2023-07-17

  • Vue.js 组件

    组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 注册一个全局组件语法格式如下： Vue.component(tagName, options) tagName 注册后，我们可以使用以下方式来调用组件： <tagName></tagName> 全局组件 所有实例都能用全局组件。 ' }) // 创建根实例 new Vue({ el: '#app' }) </script> 局部组件 我们也可以在实例选项中注册局部组件，这样组件只能在这个实例中使用： 局部组件实例 : '

    自定义组件!

    26010编辑于 2025-12-16
  • 来自专栏河湾欢儿的专栏

    Vue.js组件

    组件: 顾名思义, 也就是组成的部件, 即整体的组成部分 这个组成部分是可以缺少的,但是其存在的意义是无可替代的 这个组成部分也是可以复用的 全局方法一: 大致可以分成三步 1.在我们引入vue.js --引入js--> <script src="https://unpkg.com/vue/dist/vue.<em>js</em>"></script> </head> <body> --引入js--> <script src="https://unpkg.com/vue/dist/vue.<em>js</em>"></script> </head> <body> --引入js--> <script src="https://unpkg.com/vue/dist/vue.<em>js</em>"></script> <script src="https ://unpkg.com/vue-router/dist/vue-router.<em>js</em>"></script> </head> <body>

    动态组件

    9.7K40发布于 2018-09-06
  • 来自专栏女程序员的日常_Lin

    Vue.js的组件、组件间通信

    目录： 组件的种类：vue-router产生的每个页面、基础组件、业务组件 Vue.js组件的三个API:prop、event、slot Vue.js组件的通信方式： ref：给元素或组件注册引用信息； Vue.js组件的三个API:prop、event、slot props props定义了这个组件有哪些可配置的属性，props最好用对象的写法，这样可以针对每个属性设置类型、默认值或自定义校验属性的值 Vue.js组件的通信(基本) Vue内置的通信手段一般有两种 ref：给元素或组件注册引用信息； parent/children：访问父 / 子实例。 Vue.js组件的通信(其他) 一、provide/inject（主要解决子组件获取上级组件的状态，主动提供与依赖注入的关系） Vue.js 2.2.0版本后新增的API。 /mixins/emitter.js' export default { mixins: [ Emitter ], methods: { handleDispatch () {

    10.9K10发布于 2020-05-22
  • 来自专栏Android点滴积累

    IOS小组件（7）：小组件点击交互

    引言   前面我们似乎掌握了实现一个小组件所需要的一切技能，默认情况下桌面点击小组件，也正常跳转到了App中。接下来我们一起来看看，小组件是怎么做到点击跳转到App的。 中号组件点击交互1 VStack { Link(destination: URL(string: "medium/link_text1")!) 中号组件点击交互3 Link(destination: URL(string: "medium/widgeturl_root")!) 结语   本文介绍了小组件点击交互的两种方式，widgetURL和Link，通过测试代码了解了具体的使用和组合情况。至此，小组件整个流程上的技术点都讲解完了。 后续还有2个部分：App与小组件数据共享，N个小组件怎么支持。

    2.7K30发布于 2021-06-09
  • 来自专栏狮乐园

    高级 Vue 组件模式 (7)

    但我们会发现一个问题，就是当前 toggle 组件的状态对于调用者来说，完全是黑盒状态，即调用者无法初始化，也无法更改组件的开关状态，这在一些场景无法满足需求。 对于无法初始化开关状态的问题，倒是很好解决，我们可以在 toggle 组件声明一个 prop 属性 on 来代表组件的默认开关状态，同时在 mounted 生命周期函数中将这个默认值同步到组件 data 因此这篇文章着重来解决这两个问题： toggle 组件能够支持开关状态的初始化功能 toggle 组件能够提供一个 reset 方法以供重置开关状态 重置开关状态可以以异步的方式进行 实现 初始化开关状态 这样就将提供重置状态的逻辑暴露给了组件调用者，当然，如果调用者没有提供相关重置逻辑，组件内部会自动降级为使用 on 属性来作为重置的状态值。 成果 你可以通过下面的链接来看看这个组件的实现代码以及演示： sandbox: 在线演示 github: part-7 总结 Function 类型的 prop 属性在一些情况下非常有用，比如文章中提及的状态初始化

    87010发布于 2020-01-21
  • 来自专栏coding

    vue.js组件初探

    组件的作用 vue.js组件的作用：拆分功能，便于复用。 组件化与模块化的区别： 模块化：从代码逻辑的角度进行划分，每个功能模块的职能单一 组件化：从UI界面的角度进行划分，便于UI的复用 一个页面的ui可以切割成由不同的组件构成，这些组件毕竟独立，这样拆分的好处在于可以做到如同堆积木般快速将页面搭建及重构 ">这是一个由Vue.component创建出来的组件' }); 具体代码 使用template标签定义组件 定义两个组件 <template id="tmp1">

    这是一个私有的组件，只能用于特定的vue实例

    </template> 将两个组件分别定义为全局组件和局部私有组件 全局组件与局部组件 组件中定义数据 定义数据 Vue.component('test', { template: '#tmp', data: function () { // 必须用function

    3.3K20发布于 2018-08-02
  • 来自专栏马洪彪

    免费JS甘特图组件dhtmlxgantt

    Nuget nuget install DHTMLX.Gantt npm npm install dhtmlx-gantt 或使用CDN、下载JS库引入（简单HTML应用）。 edge/dhtmlxgantt.css" type="text/css"> <script src="http://cdn.dhtmlx.com/gantt/edge/dhtmlxgantt.<em>js</em> "></script> js <script type="text/javascript" src="codebase/dhtmlxgantt.<em>js</em>"></script> <link rel="stylesheet DOCTYPE html> <html> <head> <script src="codebase/dhtmlxgantt.js"></script> <link href="codebase 自定义甘特图，可实现自定义展示（通过config和templates），自定义交互（通过method和event）以及自定义<em>组件</em>布局（layout）。

    18.9K31发布于 2021-05-19
  • 来自专栏ljw

    Vue.js组件开发

    组件化：视图被分割成可复用的组件，每个组件有自己的状态和生命周期。 指令：Vue.js 提供了一系列内置指令（如 v-bind、v-if、v-for 等），用来处理 DOM 的操作。 状态管理：借助 Vuex，进行组件之间的数据共享和状态管理。 1.2 生态系统 Vue.js 有丰富的生态系统，主要包括： Vue Router：用于 SPA 的路由管理。 Nuxt.js：一个基于 Vue 的服务端渲染框架。 二、基本使用 2.1 安装 Vue.js 可以通过 CDN 引入 Vue.js，或者使用 npm 来安装： <! 组件是 Vue.js 的核心概念，组件可以包含自己的模板、数据和方法。 ，可以在不同的阶段执行代码，比如在组件创建前后、更新前后等。

    34810编辑于 2025-05-31
  • 来自专栏LeoXu的博客

    Ext JS 教程-组件 原

    ExtJS提供了大范围的实用组件，而且任何组件都可以很容易的被扩展，去创建一个定制的组件。 组件层次 容器是一个可以包含其他组件的特殊组件。 所有组件的xtype都被列在组件的API文档中。上面的例子展示了如何去添加一个已经加载好的组件到一个容器中。 创建一个组件的（继承了该组件的）新类并替换它在组件层级中的位置，比创建一个拥有一个ExtJS组件，还要在外部渲染和管理的新类，要容易。 6 afterHide - 这个方法会在组件已经隐藏之后被调用。 7 onRender - 允许渲染情形下有附加的行为。 8 afterRender - 允许渲染被完成之后又附加的行为。  头部（Header） 3 头部工具（Header tools） 4 尾部（Footer） 5 尾部按钮（Footer buttons） 6 顶部工具条（Top toolbar） 7 

    3.9K30发布于 2018-08-15
  • 来自专栏coding

    vue.js组件切换

    vue.js多个组件之间进行切换，可以有多种方式，以下列举几种作为范例： 通过事件进行切换 声明两个组件 <template id="login">

    登录组件

    </template > <template id="register">

    注册组件

    </template> 使用@click事件进行切换 <button class="btn btn-success <em>组件</em>切换--事件.gif 通过component标签指定当前<em>组件</em> <component :is="comName"></component> 具体代码 ? 切换组件 组件切换时加上动画效果 使用transition标签将组件包裹起来，实现组件切换时的动画效果 <transition mode="out-in"> <component :is="comName <em>组件</em>切换--动画.gif

    8.2K20发布于 2018-08-02
  • 来自专栏前端之攻略

    Vue.js-组件 原

    <script src="<em>js</em>/vue.<em>js</em>"></script> <script> Vue.component("my-component", { -1"> <my-component></my-component>
    <script src="<em>js</em>/vue.<em>js</em>"></script> <script
            </script>     </body>     <script src="<em>js</em>/vue.<em>js</em>"></script>     <script>         这是由<app>的父组件决定的 2、<app>组件很可能有它自己的模板 为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板，这个过程被称为内容分发 Vue.js实现了一个内容分发

               
        </my-component>    
    <script src="<em>js</em>/vue.<em>js</em>"></script>    

5.7K20发布于 2019-04-04
  • 来自专栏睡不着所以学编程

    node.js(7)

    终于弄得差不多了,现在好好梳理一下: 首先是新建一个项目,初始化以后,开始写jwt.js 首先还是导入和配置模块 定义密钥,随便什么都可以,用于加密 登录接口 失败就返回失败的信息,登录成功的话就将

    26610编辑于 2022-09-20
  • 来自专栏狮乐园

    高级 Angular 组件模式 (7)

    07 使用 Content Directives 原文: Use Content Directives 因为父组件会提供所有相关的 UI 元素（比如这里的 button），所以 toggle 组件的开发者可能无法满足组件使用者的一些附加需求 如果 toggle 组件能够提供一些 hooks 方法或指令给组件使用者，这些 hooks 方法或指令能够在自定义的开关元素上设置一些合理的默认值，那将是极好的。 目标 提供一些 hooks 方法或指令给组件使用者，使其可以与所提供的 UI 元素交互并修改它们。 Directive，而将部分其他工作交付组件使用者来完成。 比如文章中所提及的，作为组件开发者，无法预先得知组件使用者会怎样管理开关元素以及它的样式，因此提供一些 hooks 是很有必要的，而 hooks 这个概念，一般情况下，都会是相对简单的，比如生命周期 hook

    1.1K20发布于 2018-10-19
  • 来自专栏姚红专栏

    《Ext JS模板与组件基本框架图----组件》

    本节主要从七个方面讲解组件，组件时什么，它的作用，它的构架，以及怎么创建和周期还有常见的配置项，属性方法和事件以及其层级是什么都进行整理，希望对大家有帮助。 ? 组件的基础知识.png ? 2 ?

    1.9K20发布于 2019-09-11
  • 来自专栏踏浪的文章

    Flutter lesson 7: Flutter组件之基础组件（三）

    上一节我们介绍了Row, Column, Image, Text四个基础组件，这一节我们来看看下面几个组件。 Icon Icon就是图标，字体图标，矢量图。 bottomNavigationBar 在底部设置一个导航组件 bottomNavigationBar: BottomAppBar( shape: CircularNotchedRectangle( bottomSheet 底部划出组件，一般很少直接使用，而是使用showModalBottomSheet弹出，比如从底部弹出分享框。 总结 Flutter的基础的组件就讲到这里，涉及到的大都是常用的组件，部分东西没有涉及到或者说没有详细说明，可能是因为我认为不用过多说明，可能是因为没有太多时间，也可能是因为我自己也不看明白，如果你不懂

    2K50发布于 2019-07-31
  • 来自专栏杨不易呀

    React-组件-CSS-In-JS

    前言React组件CSS-in-JS是一种流行的前端开发技术，它将组件的JavaScript逻辑与样式定义结合在一起，以提高代码的可维护性和可重用性。 通过CSS-in-JS，开发者可以在组件级别轻松管理样式，而不必担心全局污染或类名冲突。 常见的React CSS-in-JS库包括Styled-components和Emotion。CSS-in-JS还可以提供一些额外的好处，如自动前缀处理和代码拆分，以提高性能。 总之，React组件CSS-in-JS是一个强大的工具，可以帮助开发者更轻松地管理组件样式，从而提高前端开发的效率和可维护性。 安装一个插件，插件名字为 webstorm-styled-components由于该插件需要翻墙，所以博主这里提供下载链接：https://www.aliyundrive.com/s/BBGgHFiH7fd

    93710编辑于 2023-09-30
  • 来自专栏前端全栈开发者

    Vue.js动态组件解析

    什么是动态组件绑定？简单的说，就是几个组件放在一个挂载点下，然后根据父组件的某个变量来决定显示哪个，或者都不显示。 is属性 在挂载点使用component标签，然后使用v-bind:is="组件名"，会自动去找匹配的组件名，如果没有，则不显示；改变挂载的组件，只需要修改is指令的值即可。 -- 组件在 vm.currentView 变化时改变 --> </component>

    JS： 123456789101112 //创建根实例new Vue({ el: "#example -- 非活动组件将被缓存 --> <component :is="currentView"></component></keep-alive> Vue.js为其组件设计了一个keep-alive 特性，如果这个特性存在，那么在组件被重复创建时，会通过缓存机制快速创建组件，以提升视图更新性能。

    4.8K40发布于 2019-12-25
  • 来自专栏盛开在夏天的太阳

    7.vue组件(二)--双向绑定,父子组件访问

    /js/vue.js"></script> </head> <body>

    父组件的值: {{message}}
    comp1>
    <template id="comp1">
    </script> </head> <body>
    父组件的值: {{message}}
    /js/vue.js"></script> </head> <body>
    父组件的值: {{message}}
    /js/vue.js"></script> </head> <body>
    父组件的值: {{message}}

    1.3K10发布于 2021-03-04
    • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

    领券