- 综合排序
- 最热优先
- 最新优先
- 来自专栏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 - 来自专栏狮乐园
高级 Angular 组件模式 (6)
当组件作者提前了解使用该toggle组件的父组件所需要的状态时，那么它将会正常的运作。但是如果父组件所需要的状态并不在我们的设想之内，我们该怎么办？ 目标 将toggle组件的状态直接提供给父组件，同时允许父组件提供相应的渲染视图(view)。 实现 <ng-template>组件可以完美地解决问题。 1. 父组件 从toggle组件中传入的状态是通过let关键字在父组件的<ng-template>标签上显示声明的。 toggle>组件的模板作用域中的变量名。 除了上面的解决方法，就是使用正文中所提及的模式了，这种模式将子组件视图的渲染逻辑倒置为子组件仅仅声明模板中所会使用的状态变量，对于这些变量和模板的注入工作，全权赋予父组件，因此会使子组件的复用性和可测试性大大提高
1.6K20发布于 2020-01-21 - 来自专栏狮乐园
高级 Angular 组件模式 (6)
当组件作者提前了解使用该toggle组件的父组件所需要的状态时，那么它将会正常的运作。但是如果父组件所需要的状态并不在我们的设想之内，我们该怎么办？ 目标 将toggle组件的状态直接提供给父组件，同时允许父组件提供相应的渲染视图(view)。 实现 <ng-template>组件可以完美地解决问题。 1. 父组件 从toggle组件中传入的状态是通过let关键字在父组件的<ng-template>标签上显示声明的。 toggle>组件的模板作用域中的变量名。 除了上面的解决方法，就是使用正文中所提及的模式了，这种模式将子组件视图的渲染逻辑倒置为子组件仅仅声明模板中所会使用的状态变量，对于这些变量和模板的注入工作，全权赋予父组件，因此会使子组件的复用性和可测试性大大提高
1.2K10发布于 2018-10-19 - 来自专栏狮乐园
高级 Vue 组件模式 (6)
06 通过 Directive 增强组件内容 目标 之前的五篇文章中，switch 组件一直是被视为内部组件存在的，细心的读者应该会发现，这个组件除了帮我们提供开关的交互以外，还会根据当前 toggle 我们期望能够显示地声明当前的元素是一个 toggler 职能的组件或者元素，这个组件或者元素，可以根据当前 toggle 组件的开关状态，动态地更新它本身的 aria-expanded 属性，以便针对无障碍访问提供适配 ，能否直接在指令中获取当前所绑定的组件实例呢？ 成果 你可以通过下面的链接来看看这个组件的实现代码以及演示： sandbox: 在线演示 github: part-6 总结 关于指令的概念，我自身还是在 angularjs 中第一次见到，当时其实不兴组件化开发这个概念 但仔细想想的话，web 开发流程中，并不是所有的场景都可以拿组件来抽象和描述的，比如说，你想提供一个类似高亮边框的公用功能，到底如何来按组件化的思想抽象它呢？这时候使用指令往往是一个很好的切入点。
75220发布于 2020-01-21 - 来自专栏学习/读书笔记
《Flutter》-- 6.高级组件
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 6. 高级组件 6.1 可滚动组件 对于列表和长布局的显示溢出问题，可以使用Flutter提供的可滚动组件来处理。 6.1.1 Scrollable组件 在Flutter中，一个可滚动的组件直接或间接包含一个Scrollable组件，它是可滚动组件的基础组件。 只需将Scrollbar组件作为可滚动组件的父组件使用即可。 ，组件树的子组件可以通过发送通知来与父组件进行通信，父组件则可以通过NotificationListener组件来监听自己关注的通知，这种跨组件的通信方式通常被称为事件冒泡。 Canvas canvas, Size size) { double wheelSize = min(size.width, size.height) / 2; double nbElem = 6;
12.6K20编辑于 2022-04-07 - 来自专栏coding
vue.js组件初探
组件的作用 vue.js组件的作用：拆分功能，便于复用。 组件化与模块化的区别： 模块化：从代码逻辑的角度进行划分，每个功能模块的职能单一 组件化：从UI界面的角度进行划分，便于UI的复用 一个页面的ui可以切割成由不同的组件构成，这些组件毕竟独立，这样拆分的好处在于可以做到如同堆积木般快速将页面搭建及重构 ">这是一个由Vue.component创建出来的组件' }); 具体代码 使用template标签定义组件 定义两个组件 <template id="tmp1">
这是一个私有的组件，只能用于特定的vue实例
</template> 将两个组件分别定义为全局组件和局部私有组件 全局组件与局部组件 组件中定义数据 定义数据 Vue.component('test', { template: '#tmp', data: function () { // 必须用function3.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 的核心概念，组件可以包含自己的模板、数据和方法。 ，可以在不同的阶段执行代码，比如在组件创建前后、更新前后等。
34910编辑于 2025-05-31 - 来自专栏LeoXu的博客
Ext JS 教程-组件 原
ExtJS提供了大范围的实用组件，而且任何组件都可以很容易的被扩展，去创建一个定制的组件。 组件层次 容器是一个可以包含其他组件的特殊组件。 所有组件的xtype都被列在组件的API文档中。上面的例子展示了如何去添加一个已经加载好的组件到一个容器中。 创建一个组件的（继承了该组件的）新类并替换它在组件层级中的位置，比创建一个拥有一个ExtJS组件，还要在外部渲染和管理的新类，要容易。 6 afterHide - 这个方法会在组件已经隐藏之后被调用。 7 onRender - 允许渲染情形下有附加的行为。 8 afterRender - 允许渲染被完成之后又附加的行为。 拥有许多的能力： 1 边框（Border） 2 头部（Header） 3 头部工具（Header tools） 4 尾部（Footer） 5 尾部按钮（Footer buttons） 6
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>切换--动画.gif8.2K20发布于 2018-08-02 - </script> </body> <script src="<em>js</em>/vue.<em>js</em>"></script> <script> 这是由<app>的父组件决定的 2、<app>组件很可能有它自己的模板 为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板，这个过程被称为内容分发 Vue.js实现了一个内容分发<script src="<em>js</em>/vue.<em>js</em>"></script> <script<script src="<em>js</em>/vue.<em>js</em>"></script> <script> Vue.component("my-component", { -1"> <my-component></my-component>来自专栏前端之攻略
Vue.js-组件 原
