vue-kinesis

> 编程语言

开源

使用 Vue.js 轻松创建复杂的交互式动画

1.5K stars0 点赞2 次浏览

访问官网 GitHub

工具介绍

使用 Vue.js 轻松创建复杂的交互式动画

2024 年 10 月: 完整的 TS 版本现在已可用 KinesisJS。如果您需要任何新功能,可以在您的 Vue 项目中使用它。它与 Vue 兼容,但专用的 Vue 版本正在开发中。# 2024 年 3 月: 项目已经处于待命状态一段时间了。但好消息是,我正在开发一款全新的版本,更加强大,具有更好的文档和更多功能!正在准备的内容: - 重写所有内容为 TS - 新的交互 - 详细的文档 - 纯 TS 版本

Vue3 - 安装

bash

npm install --save vue-kinesis@next

Vue3 - 默认导入

安装所有组件:

javascript

import { createApp } from "vue";
import App from "./App.vue";
import VueKinesis from "vue-kinesis";

const app = createApp(App);
app.use(VueKinesis);

app.mount("#app");

Vue2 - 安装

bash

npm install --save vue-kinesis

Vue2 - 默认导入

安装所有组件:

javascript

import Vue from 'vue'
import VueKinesis from 'vue-kinesis'

Vue.use(VueKinesis)

使用特定组件:

javascript

import Vue from 'vue'
导入 { KinesisContainer, KinesisElement } 从 'vue-kinesis'
Vue.component('kinesis-container', Kinesis)

[Kinesis Demo](https://aminerman.com/kinesis/)