vue 中如何使用socket

2021-08-20 00:18:27 字數 486 閱讀 9293

vue中使用socket協議

vue-cli 腳手架目錄結構

2.main.js裡面註冊一下。vue.use 裡面的鏈結是後台的提供給你的socket位址

// socket

import

vuesocketio

from

'vue-socket.io';

vue.

use(

vuesocketio,

'');//這裡的url是後台提供的socket的位址

3.元件中使用socket. new_msg 這個方法是後台提供的socket的方法,注意方法名字要一樣,這裡的msg就是獲取的資料

sockets:,

//這裡的new_msg是後台提供的方法,如:後台提供的方法為mysocket,則這裡的方法名就是mysocket,

new_msg

:function(

msg) },

ok,到這裡就結束

vue中如何使用路由

定義元件 hello info class color h1 div template export default methods script color style 配置路由檔案 import vue from vue import router from vue router import ...

vue中如何使用axios

npm install axios在main.js中引入import axios from axios 然後在vue原型上新增vue.prototype.axios axiosthis.axios或者axios 1.引數一表示請求位址 2.引數二表示配置資訊 3.params表示傳遞到伺服器端的資料...

webpack 中如何使用 vue

1.安裝vue的包 cnpm i vue s 2.由於 在 webpack 中,推薦使用 vue 這個元件模板檔案定義元件,所以,需要安裝 能解析這種檔案的 loader cnpm i vue loader vue template complier d 3.在 main.js 中,匯入 vue 模...