{"id":16881629,"url":"https://github.com/hanks10100/vue-snippets","last_synced_at":"2025-07-11T14:36:47.879Z","repository":{"id":78869522,"uuid":"83525615","full_name":"Hanks10100/vue-snippets","owner":"Hanks10100","description":"Useful Vue.js code snippets for Weex.","archived":false,"fork":false,"pushed_at":"2017-08-30T10:03:44.000Z","size":7,"stargazers_count":28,"open_issues_count":1,"forks_count":5,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-25T01:04:24.299Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://dotwe.org/vue","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Hanks10100.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-01T07:30:33.000Z","updated_at":"2024-10-19T01:56:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"fc204014-a524-4672-a2e0-7c04e139aaa0","html_url":"https://github.com/Hanks10100/vue-snippets","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Hanks10100/vue-snippets","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hanks10100%2Fvue-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hanks10100%2Fvue-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hanks10100%2Fvue-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hanks10100%2Fvue-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hanks10100","download_url":"https://codeload.github.com/Hanks10100/vue-snippets/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hanks10100%2Fvue-snippets/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264833288,"owners_count":23670617,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-13T16:04:27.938Z","updated_at":"2025-07-11T14:36:47.859Z","avatar_url":"https://github.com/Hanks10100.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Useful Vue.js Code Snippets for Weex\n\n欢迎贡献例子。Feel free to send a PR.\n\n## 环境信息 (Environment)\n\n+ [获取 Weex 执行环境 (Get Weex running environment)](http://dotwe.org/weex/8c2fb817f19d9837a4f773e163d9cc45)\n\n## 组件 (Components)\n\n\u003e [官方文档](http://weex.apache.org/cn/references/components/index.html) （[Official documents](http://weex.apache.org/references/components/index.html)）\n\n+ `\u003cdiv\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/0d82873994de7626b853cb0a97b7431d)\n  + [`\u003cdiv\u003e` 中不能写文本 (Can't write text node within `\u003cdiv\u003e`)](http://dotwe.org/vue/ac2349905fa09fd6ba3148ab64f428dc)\n+ `\u003ctext\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/c72256d520c9303c348f3ce1c7daf246)\n  + [使用 `lines` 属性 (Use `lines` property)](http://dotwe.org/vue/17925761ce71f04f55b2cbd11b715565)\n+ `\u003cimage\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/41b0009dacffba0198f5ac535448bec1)\n  + [使用 `resize` 属性 (Use `resize` property)](http://dotwe.org/vue/67686fd2546e41683eb8eee01640aae3)\n+ `\u003ca\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/a6a6ab6d3807349daae32138585d7153)\n+ `\u003clist\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/bef3519b9a00f94a0fc4a127e9b43405)\n  + [使用 loadmore (Use loadmore)](http://dotwe.org/vue/6f340bb6f5dc19d53b7ce26cfc420787)\n  + [使用 `\u003cheader\u003e` (Use `\u003cheader\u003e`)]-()\n  + [使用 `\u003cloading\u003e` (Use `\u003cloading\u003e`)]-()\n  + [使用 `\u003crefresh\u003e` (Use `\u003crefresh\u003e`)]-()\n+ `\u003cscroller\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/563b9cf57ec3463592c5590abcd259fc)\n  + [横滚 (Horizontal)](http://dotwe.org/vue/c93cededd4ae439c5d4d6892c113af72)\n  + [使用 loadmore (Use loadmore)](http://dotwe.org/vue/3c61f3d1e4c6b62f4bbddce65a1ffe72)\n  + [使用 `\u003cloading\u003e` (Use `\u003cloading\u003e`)]-()\n  + [使用 `\u003crefresh\u003e` (Use `\u003crefresh\u003e`)]-()\n+ `\u003cslider\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/90975eafba77caee11521ff94b4a51e3)\n  + [自动播放 (Autoplay)](http://dotwe.org/vue/8964d77f68a3d0eb170cb88751d9add7)\n  + [自定义 indicator (Custom indicator)]-()\n+ `\u003cswitch\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/d12f3515d1ee577d4c11dd0c9a15485b)\n  + [checked \u0026 disabled](http://dotwe.org/vue/f7903c8299789ed1367cfd661c3e8d02)\n  + [监听 change 事件 (Listen change event)](http://dotwe.org/vue/4003f58f12defd80c5a3866bb783227f)\n+ `\u003cinput\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/6a9b794e2b9485c88ff8c3704df6aa3c)\n  + [placeholder](http://dotwe.org/vue/be40c1ca9c5218efd17ed665500cde03)\n  + [autofocus \u0026 disabled \u0026 maxlength](http://dotwe.org/vue/2231a60892fb13a9d5284fce028e343e)\n  + [多种不同的类型 (Different types)](http://dotwe.org/vue/5526f23be29212c109a4aab0ab82b59f)\n  + [`input`, `change`, `focus`, `blur` events](http://dotwe.org/vue/bb84e9930a84e64e0f126a6fcc112a66)\n+ `\u003ctextarea\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/6b704d89f2195f00806f31c767e8c7aa)\n  + [placeholder](http://dotwe.org/vue/161db9198a0af29fb3092207ea94cd52)\n  + [autofocus \u0026 disabled \u0026 maxlength](http://dotwe.org/vue/f8294778a6ac7081e93fdf388431a42c)\n  + [使用 `rows` 属性 (Use `rows` property)](http://dotwe.org/vue/177bae11b1e469fbe099facd2da8708b)\n  + [`input`, `change`, `focus`, `blur` events](http://dotwe.org/vue/1ebd061d17c44ba5b1239fecb640cb51)\n+ `\u003cvideo\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/2c8df693bf2b8a50669a2c5d9618e6b4)\n  + [`start`, `pause`, `finish`, `fail` events](http://dotwe.org/vue/2246907a52dc3b48e281f7d5ea4bc816)\n+ `\u003cweb\u003e`\n  + [最简例子 (Simple)](http://dotwe.org/vue/d5754bc4b7d5cba92ae7e75a776a7eba)\n+ `\u003crichtext\u003e` 富文本 \n  + [example 1](http://dotwe.org/vue/9845c903696ad41a55795bec7c5df2c4)\n  + [example 2](http://dotwe.org/vue/8e3c274f5cae4a391a14ac81c890325f)\n\n## 模块 (Modules)\n\n\u003e [官方文档](http://weex.apache.org/cn/references/modules/index.html) （[Official documents](http://weex.apache.org/references/modules/index.html)）\n\n+ 模态框 (modal)\n  + [`alert`](http://dotwe.org/vue/5bd7a4c9ae3958ddc41749696be7be16)\n  + [`toast`](http://dotwe.org/vue/168178602437c108eb9011e6e5a36110)\n  + [`confirm`](http://dotwe.org/vue/1c523d5b277b3881d4e29deef960248a)\n  + [`prompt`](http://dotwe.org/vue/dfb3a27df6831d0a15f7bf39c578b2b2)\n+ 网络请求 (stream)\n  + [基本用法 (Simple)](http://dotwe.org/vue/fe759defe8a60654633d3453d3dfde48)\n+ 元素相关 (dom)\n  + [`getComponentRect`](http://dotwe.org/vue/9dfef337f96127a121f199f4d389c654)\n  + [`scrollToElement`](http://dotwe.org/vue/54464de1ca817ac7290fdb08df2fbc92)\n+ 动画 (animation)\n  + [基本用法 (Simple)](http://dotwe.org/vue/c874958a49e10706aa8aea6c63030ff1)\n+ 页面导航 (navigator)\n  + [`jump` \u0026 `back`](http://dotwe.org/vue/89ea5081fef08a600b75752c19fa52cf)\n+ 剪切板 (clipboard)\n  + [基本用法 (Simple)]-()\n+ 本地存储 (storage)\n  + [基本用法 (Simple)]-()\n+ 选择器 (picker)\n  + [普通选项 (Options)](http://dotwe.org/vue/2b41249916567fcecc6b1d6281232cd6)\n  + [日期 (Date)](http://dotwe.org/vue/8c4f40accafb8ae6365a2e6619580e5a)\n  + [时间 (Time)](http://dotwe.org/vue/0e4aa7590610829e78a9420c1618314e)\n\n## 布局 (Layouts)\n\n+ [三角形 (Triangles)](http://dotwe.org/vue/1055f6f9250b197c9ed3fffbd1ae2b89)\n+ [多标签布局 (multiple labels)](http://dotwe.org/vue/f640a056edab078d23d019a981eaaae0)\n\n## 样式 (Styles)\n\n+ [阴影 (box-shadow)](http://dotwe.org/vue/e40ee07bcd8769298c084112721a0259)\n  + [multiple box](http://dotwe.org/vue/004c0766819977c6cc2bf8592ed3bb32)\n\n## Vue.js 的语法特性 (Vue.js Features)\n\n## 其他 (Others)\n\n+ [BroadcastChannel](http://dotwe.org/vue/c0204f16655ccb0ecd3491e3818650d6)\n+ [Support WebAssembly ?](http://dotwe.org/vue/dc146caf0acc08c471a155d2e3d27444)\n+ [骨骼动画 (Skeleton animation)](http://dotwe.org/weex/133a36671d6651c91de274df02ed2b89)\n+ 递归组件 (Recursive Components)\n  + [简单递归](http://dotwe.org/vue/446c165907a5ae9edfab508c5063b722)\n  + [多层递归](http://dotwe.org/vue/9ab8cd715a13abde74a46ef0b54e977f)\n  + [超深层递归](http://dotwe.org/vue/37b2d7752b9fe67bf7f6e7accec3ec27)\n  + [多区块递归](http://dotwe.org/vue/4c5704c574a61c0a99785e35fcab9acd)\n  + [超深层多区块递归](http://dotwe.org/vue/f6cd92249532a279f01dcfe6cac173b5)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhanks10100%2Fvue-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhanks10100%2Fvue-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhanks10100%2Fvue-snippets/lists"}