Я новичок в vue. js и socket.io, я следовал учебному пособию на YouTube и хочу продолжить работу над тем, что я сделал в учебном пособии, но автор сохранил все в двух файлах , Итак, у меня есть индекс. html, который выглядит примерно так:
<body>
(HTML here)
<script src="/socket.io/socket.io.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var socket = io();
var app = new Vue({
el: '#app',
data: {
...
...
created() {
...
(socket.io code)
...
}})
</script>
</body>
И мой индекс. js:
var express = require('express');
var app = express()
var http = require('http').createServer(app);
var io = require('socket.io')(http);
app.get('/', function(req, res){
res.sendFile(__dirname + '/index.html');
});
http.listen(3000, function(){
console.log('listening on *:3000');
});
(socket.io code)
Я действительно хочу как-то упростить этот проект управлять, не делая все в файле индекса. html, а создавать несколько файлов. vue, я все еще не совсем понял, как я могу это сделать, какая-нибудь помощь, пожалуйста?