Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hanks10100/vue-snippets

Useful Vue.js code snippets for Weex.
https://github.com/hanks10100/vue-snippets

Last synced: about 1 month ago
JSON representation

Useful Vue.js code snippets for Weex.

Host: GitHub
URL: https://github.com/hanks10100/vue-snippets
Owner: Hanks10100
Created: 2017-03-01T07:30:33.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2017-08-30T10:03:44.000Z (over 7 years ago)
Last Synced: 2024-10-20T16:48:41.870Z (2 months ago)
Homepage: http://dotwe.org/vue
Size: 6.84 KB
Stars: 28
Watchers: 3
Forks: 5
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Useful Vue.js Code Snippets for Weex

欢迎贡献例子。Feel free to send a PR.

## 环境信息 (Environment)

+ [获取 Weex 执行环境 (Get Weex running environment)](http://dotwe.org/weex/8c2fb817f19d9837a4f773e163d9cc45)

## 组件 (Components)

> [官方文档](http://weex.apache.org/cn/references/components/index.html) （[Official documents](http://weex.apache.org/references/components/index.html)）

+ `
`

  + [最简例子 (Simple)](http://dotwe.org/vue/0d82873994de7626b853cb0a97b7431d)

  + [`` 中不能写文本 (Can't write text node within ``)](http://dotwe.org/vue/ac2349905fa09fd6ba3148ab64f428dc)

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/c72256d520c9303c348f3ce1c7daf246)

  + [使用 `lines` 属性 (Use `lines` property)](http://dotwe.org/vue/17925761ce71f04f55b2cbd11b715565)

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/41b0009dacffba0198f5ac535448bec1)

  + [使用 `resize` 属性 (Use `resize` property)](http://dotwe.org/vue/67686fd2546e41683eb8eee01640aae3)

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/a6a6ab6d3807349daae32138585d7153)

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/bef3519b9a00f94a0fc4a127e9b43405)

  + [使用 loadmore (Use loadmore)](http://dotwe.org/vue/6f340bb6f5dc19d53b7ce26cfc420787)

  + [使用 `` (Use ``)]-()

  + [使用 `` (Use ``)]-()

  + [使用 `` (Use ``)]-()

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/563b9cf57ec3463592c5590abcd259fc)

  + [横滚 (Horizontal)](http://dotwe.org/vue/c93cededd4ae439c5d4d6892c113af72)

  + [使用 loadmore (Use loadmore)](http://dotwe.org/vue/3c61f3d1e4c6b62f4bbddce65a1ffe72)

  + [使用 `` (Use ``)]-()

  + [使用 `` (Use ``)]-()

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/90975eafba77caee11521ff94b4a51e3)

  + [自动播放 (Autoplay)](http://dotwe.org/vue/8964d77f68a3d0eb170cb88751d9add7)

  + [自定义 indicator (Custom indicator)]-()

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/d12f3515d1ee577d4c11dd0c9a15485b)

  + [checked & disabled](http://dotwe.org/vue/f7903c8299789ed1367cfd661c3e8d02)

  + [监听 change 事件 (Listen change event)](http://dotwe.org/vue/4003f58f12defd80c5a3866bb783227f)

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/6a9b794e2b9485c88ff8c3704df6aa3c)

  + [placeholder](http://dotwe.org/vue/be40c1ca9c5218efd17ed665500cde03)

  + [autofocus & disabled & maxlength](http://dotwe.org/vue/2231a60892fb13a9d5284fce028e343e)

  + [多种不同的类型 (Different types)](http://dotwe.org/vue/5526f23be29212c109a4aab0ab82b59f)

  + [`input`, `change`, `focus`, `blur` events](http://dotwe.org/vue/bb84e9930a84e64e0f126a6fcc112a66)

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/6b704d89f2195f00806f31c767e8c7aa)

  + [placeholder](http://dotwe.org/vue/161db9198a0af29fb3092207ea94cd52)

  + [autofocus & disabled & maxlength](http://dotwe.org/vue/f8294778a6ac7081e93fdf388431a42c)

  + [使用 `rows` 属性 (Use `rows` property)](http://dotwe.org/vue/177bae11b1e469fbe099facd2da8708b)

  + [`input`, `change`, `focus`, `blur` events](http://dotwe.org/vue/1ebd061d17c44ba5b1239fecb640cb51)

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/2c8df693bf2b8a50669a2c5d9618e6b4)

  + [`start`, `pause`, `finish`, `fail` events](http://dotwe.org/vue/2246907a52dc3b48e281f7d5ea4bc816)

+ ``

  + [最简例子 (Simple)](http://dotwe.org/vue/d5754bc4b7d5cba92ae7e75a776a7eba)

+ `` 富文本 

  + [example 1](http://dotwe.org/vue/9845c903696ad41a55795bec7c5df2c4)

  + [example 2](http://dotwe.org/vue/8e3c274f5cae4a391a14ac81c890325f)

## 模块 (Modules)

> [官方文档](http://weex.apache.org/cn/references/modules/index.html) （[Official documents](http://weex.apache.org/references/modules/index.html)）

+ 模态框 (modal)

  + [`alert`](http://dotwe.org/vue/5bd7a4c9ae3958ddc41749696be7be16)

  + [`toast`](http://dotwe.org/vue/168178602437c108eb9011e6e5a36110)

  + [`confirm`](http://dotwe.org/vue/1c523d5b277b3881d4e29deef960248a)

  + [`prompt`](http://dotwe.org/vue/dfb3a27df6831d0a15f7bf39c578b2b2)

+ 网络请求 (stream)

  + [基本用法 (Simple)](http://dotwe.org/vue/fe759defe8a60654633d3453d3dfde48)

+ 元素相关 (dom)

  + [`getComponentRect`](http://dotwe.org/vue/9dfef337f96127a121f199f4d389c654)

  + [`scrollToElement`](http://dotwe.org/vue/54464de1ca817ac7290fdb08df2fbc92)

+ 动画 (animation)

  + [基本用法 (Simple)](http://dotwe.org/vue/c874958a49e10706aa8aea6c63030ff1)

+ 页面导航 (navigator)

  + [`jump` & `back`](http://dotwe.org/vue/89ea5081fef08a600b75752c19fa52cf)

+ 剪切板 (clipboard)

  + [基本用法 (Simple)]-()

+ 本地存储 (storage)

  + [基本用法 (Simple)]-()

+ 选择器 (picker)

  + [普通选项 (Options)](http://dotwe.org/vue/2b41249916567fcecc6b1d6281232cd6)

  + [日期 (Date)](http://dotwe.org/vue/8c4f40accafb8ae6365a2e6619580e5a)

  + [时间 (Time)](http://dotwe.org/vue/0e4aa7590610829e78a9420c1618314e)

## 布局 (Layouts)

+ [三角形 (Triangles)](http://dotwe.org/vue/1055f6f9250b197c9ed3fffbd1ae2b89)

+ [多标签布局 (multiple labels)](http://dotwe.org/vue/f640a056edab078d23d019a981eaaae0)

## 样式 (Styles)

+ [阴影 (box-shadow)](http://dotwe.org/vue/e40ee07bcd8769298c084112721a0259)

  + [multiple box](http://dotwe.org/vue/004c0766819977c6cc2bf8592ed3bb32)

## Vue.js 的语法特性 (Vue.js Features)

## 其他 (Others)

+ [BroadcastChannel](http://dotwe.org/vue/c0204f16655ccb0ecd3491e3818650d6)

+ [Support WebAssembly ?](http://dotwe.org/vue/dc146caf0acc08c471a155d2e3d27444)

+ [骨骼动画 (Skeleton animation)](http://dotwe.org/weex/133a36671d6651c91de274df02ed2b89)

+ 递归组件 (Recursive Components)

  + [简单递归](http://dotwe.org/vue/446c165907a5ae9edfab508c5063b722)

  + [多层递归](http://dotwe.org/vue/9ab8cd715a13abde74a46ef0b54e977f)

  + [超深层递归](http://dotwe.org/vue/37b2d7752b9fe67bf7f6e7accec3ec27)

  + [多区块递归](http://dotwe.org/vue/4c5704c574a61c0a99785e35fcab9acd)

  + [超深层多区块递归](http://dotwe.org/vue/f6cd92249532a279f01dcfe6cac173b5)