Git Product home page Git Product logo

vue-chat's Introduction

Chat by Vue + Webpack

Live demo

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

vue-chat's People

Contributors

coffcer avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-chat's Issues

项目作品重构

尊敬的原作者:
您好,在技术社区看到了您的这篇vue框架的作品,个人参考后重新写了一次并发布在github上,鉴于版权问题已经署上了您的原文出处,特此通知,希望能得到您的批准使用,如觉得不便,可联系我删除,最后,再次表示对您的感谢。

链接地址:
https://github.com/is-liyiwei/vue-Chat-demo

是否能够适配手机端H5

博主,我在找一个可以适配手机端H5的前端效果,Vue-chat 的视觉效果非常棒,但是好像不能适配手机端,请问我是否可以自己实现,或者,有没有推荐的 source 我可以用?

会话列表

你好,请问会话列表怎么从外部获取了?

怎么弄成动态的

比如说动态添加user,左侧用户列表,以及动态发消息,通过js控制

dispatch为什么可以用来提交mutation

请问store.js中的这段代码,为什么mutation是用dispatch在提交呢?
dispatch不是用来分发action的吗?commit才是用来提交mutation的啊。

// store.js
export const actions = {
    initData: ({ dispatch }) => dispatch('INIT_DATA'),
    sendMessage: ({ dispatch }, content) => dispatch('SEND_MESSAGE', content),
    selectSession: ({ dispatch }, id) => dispatch('SELECT_SESSION', id),
    search: ({ dispatch }, value) => dispatch('SET_FILTER_KEY', value)
};

npm run build后没有index.html

npm run build后没有index.html,部署到服务器的时候没有index.html,dist文件夹里也没有img,js,css文件夹,这个怎么处理?

在search 搜索框里输入条件以后, 点击过滤后的头像没有跳转至对应的对话框(Session没有对应)

参见:gif

当我搜webpack时, 虽然过滤了示例介绍的头像, 但是对应的对话框(session)却没有改变

因为在list component 里的select method中, 使用了v-for的$index变量. 但是该变量在使用了过滤器以后导致$index变量发生了变化. 比如在上图的例子中. 示例介绍一开始的$index 是 0 而 webpack的$index是1. 但是在使用了filter以后. webpack 的$index变成0了, 所以对应的对话框(active session) 没有发生变化.

License of the project

Could you please specify a license or terms under which the source code of the project is distributed?

can't run

npm i
npm run dev
will generate error message -> 'Uncaught TypeError: Cannot read property 'bind' of undefined'

store.watch

store.watch(
(state) => state.sessions,
(val) => {
console.log('CHANGE: ', val);
localStorage.setItem('vue-chat-session', JSON.stringify(val));
},
{
deep: true
}
);
这里的(val)=>指的是什么呢

vue2

这个能不能运行在 VUE 2.0?
还有我用 LARAVEL 框架 应该怎么引入?

build报错

项目下载下来之后,包安装好启动,build报错

与xmpp服务器连接不上

不知博主对于这个框架有没有运用strophe连接xmpp的实例?我整合过来的话xmpp连接不上

你好,关于text.vue文件语法的问题。

你好,我才开始学vue,对babel也不熟悉。我试图用javascript改写text.vue,内容如下:

<script type="text/javascript"> define(function() { var Vue = require('vue') var text = Vue.extend({ template: "#tp", props: ['session'], data: function() { return { text: '' } }, methods: { inputing: function(e) { if (e.ctrlKey && e.keyCode === 13 && this.text.length) { this.session.messages.push({ text: this.text, date: new Date(), self: true }); this.text = ''; } } } }) return { text: text } }) </script>

浏览器提示“You are setting a non-existent path "text" on a vm instance”错误。
如果去掉define,直接写在script的根标签下,
如下:

<script type="text/javascript"> var Vue = require('vue') var text = Vue.extend({ ... </script>

会报"v-on:keyup="inputing" expects a function value, got undefined"的错误。
能否请您指点一下?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.