PHPackages                             colee/yii2-vue-widgets - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. colee/yii2-vue-widgets

ActiveLibrary

colee/yii2-vue-widgets
======================

Vue.js library for Yii2 framework

1.0.0(10y ago)5222MITPHPPHP ~5.5|~7.0

Since Mar 18Pushed 10y ago2 watchersCompare

[ Source](https://github.com/colee1985/yii2-vue-widgets)[ Packagist](https://packagist.org/packages/colee/yii2-vue-widgets)[ Docs](https://github.com/colee1985/yii2-vue-widgets)[ RSS](/packages/colee-yii2-vue-widgets/feed)WikiDiscussions master Synced 2mo ago

READMEChangelog (1)Dependencies (2)Versions (2)Used By (0)

yii2-vue-widget
===============

[](#yii2-vue-widget)

基于VUE.JS应用于YII2的多个小组件

Install
-------

[](#install)

Via Composer

```
$ composer require colee/yii2-vue-widgets
```

### drag-and-drop

[](#drag-and-drop)

> 拖放组件
> 简单用法:

```
DragTagsWidget::widget([
    'tags'=>$model->tags, //可以是数组或逗号分隔的字符串
    'url'=>Url::to(['save-tags', 'id'=>$model->id]), //排序修改后将新的数组AJAX提交到目标接口中
    'change'=>'console.log(itemOne, itemTwo)', // 改变时的事件
]);
```

自定义使用

```
DragAsset::register($this);
```

```

	{{ task.title }}

```

```
new Vue({
	el: '#test',
	data: {
		tasks: []
	},
	methods: {
		handleDrop: function(draggedElement, dropppedOnElement){
			var placeholder = this.tasks[draggedElement.id];
			// 插入方式
			this.tasks.splice(draggedElement.id, 1);
			this.tasks.splice(dropppedOnElement.id, 0, placeholder);
			// 或交换位置方式
			this.tasks.$set(draggedElement.id, this.tasks[dropppedOnElement.id]);
			this.tasks.$set(dropppedOnElement.id, placeholder);
		}
	}
});
```

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity13

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity58

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

3707d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/db0473ddb3ebe0eed43d1ff2814b70630f0e9373d0878c006307684d2cb3776c?d=identicon)[colee](/maintainers/colee)

---

Top Contributors

[![lidenggao](https://avatars.githubusercontent.com/u/1161635?v=4)](https://github.com/lidenggao "lidenggao (20 commits)")

---

Tags

yii2widgetvueVue.jscoleeyii2-vue-widgets

### Embed Badge

![Health badge](/badges/colee-yii2-vue-widgets/health.svg)

```
[![Health](https://phpackages.com/badges/colee-yii2-vue-widgets/health.svg)](https://phpackages.com/packages/colee-yii2-vue-widgets)
```

###  Alternatives

[colee/yii2-vue

Vue.js library for Yii2 framework

1241.2k1](/packages/colee-yii2-vue)[aki/yii2-vue

for yii2 web application

7010.1k1](/packages/aki-yii2-vue)[omnilight/yii2-vuejs

Vue.js library for Yii2 framework

186.0k](/packages/omnilight-yii2-vuejs)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)