基于Vue + Webpack简单聊天室

共16个文件

vue：5个

jpg：4个

js：4个

Vue

需积分: 36 81 下载量 46 浏览量 2017-06-06 02:30:52 上传评论 6 收藏 357KB ZIP 举报

温馨提示

基于Vue + Webpack构建的简单chat示例，聊天记录保存在localStorge。简单演示了Vue的基础特性和webpack配置。

资源推荐

资源详情

资源评论

收起资源包目录

基于Vue + Webpack简单聊天.zip （16个子文件）

vue

index.html 1KB

src

main.js 76B

store.js 1KB

components

app.vue 2KB

text.vue 1KB

message.vue 3KB

list.vue 1KB

card.vue 1KB

dist

main.js 12KB

main.js.map 101KB

images

bg.jpg 41KB

1.jpg 5KB

2.png 17KB

intro.jpg 144KB

3.jpg 111KB

vue.js 244KB

共 16 条

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>vue</title> <style> *, *:before, *:after { box-sizing: border-box; } body, html { height: 100%; overflow: hidden; } body, ul { margin: 0; padding: 0; } body { color: #4d4d4d; font: 14px/1.4em 'Helvetica Neue', Helvetica, 'Microsoft Yahei', Arial, sans-serif; background: #f5f5f5 url('dist/images/bg.jpg') no-repeat center; background-size: cover; font-smoothing: antialiased; } ul { list-style: none; } #chat { margin: 20px auto; width: 800px; height: 600px; } </style> </head> <body> <div id="chat"></div> <script src="dist/vue.js"></script> <script src="dist/main.js"></script> <div style="text-align:center;"> <p>来源:<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p> </div> </body> </html>

评论收藏

内容反馈

资源评论