vue等框架打包的项目一般都是SPA应用，但是单页不利于SEO。现在有两种解决方案:注:然后在webpack.prod.conf.js中添加:在webpack.prod.conf.js的插件中添加:最后在main.js中修改:安装:。
5、搭建 vue3.0项目及下载常用 插件流程NPM installg @vue/CLIvue创建Hello World安装完成后，运行项目npmrunserve。(1)scss以下，这里我用的是scsnpminstall Sassloadernode sass save(2)vueRouter是必备的cnpminstall vuerouter，然后在scr目录下创建一个路由文件，然后在main.js中引入路由(3)安装axios，qsmain.js
6、 vue-router, vue-loader, vue-cli分别是做什么用的vue路由器、vueloader、vuecli分别有什么作用？它和UpdateWindow()的区别在于，UpdateWindow()的功能是立即重画窗口。调用invalid等函数后不会立即重绘窗口，因为WM_PAINT消息的优先级很低，需要等到消息队列中的其他消息发送后才能处理。调用UpdateWindow函数会导致WM_PAINT被直接发送到目标窗口，从而导致窗口被立即重绘。
UpdateWindow直接发送一个WM_PAINT消息，其无效区是消息队列中WM_PAINT消息的无效区(最多只有一个消息)。效果很明显。调用Invalidate后，屏幕可能不会立即更新，因为WM_PAINT消息不一定在队列的最前面，调用UpdateWindow会使WM_PAINT消息立即执行，绕过消息队列。
7、 vuewebsocket是怎么实现即时通讯的?Vue.js是流行的前端JavaScript框架，WebSocket是一种在单一TCP连接上提供全双工通信通道的技术。Vue.js利用WebSocket技术实现即时通信，其实现过程如下:在Vue.js应用的代码中，使用WebSocketAPI建立一个WebSocket连接。连接建立后，Vue.js应用程序可以向服务器发送或接收消息，而无需刷新页面或重新加载数据。
当其他客户端接收消息时，Vue.js应用程序可以使用WebSocketAPI接收消息，并根据消息更新用户界面。在Vue.js中使用WebSocket技术实现即时通讯的关键是建立一个WebSocket连接。Vue.js提供了avueWebSocket插件，可以轻松实现web socket连接。具体实现步骤如下:使用npm命令安装vueweb socket插件。
8、 vue的h5页面中使用视频播放 插件h5项目需要播放视频课程。我在网上搜索了相应的插件，发现xgplayer西瓜播放器效果不错。当然也踩了一些坑。* *西瓜玩家官方地址:* *西瓜玩家githuab官网:因为做的是老项目，写的是freemarker模板语法(总之就是老的那个，你知道jsp是有名字的)，但是我想用自己的方式开发，所以在里面用了vue。特点:官网写的老切换方法:(1)先破坏视频，
我打完视频后重新整理笔记，看到官网有更好的api切换视频，但是还没试过。项目中的课程播放要比这个demo复杂很多，涉及到视频播放、图形播放和视频图形切换播放功能:一开始我想获取课程列表，然后前台进行筛选判断应该播放哪一个，但是考虑到加载分页会影响到当前正在播放的视频，分页列表和正在播放的视频被分成两个界面，前台需要处理。
9、 vue2开发过程中用到的 插件我们工作中需要用到的插件的第三方实现，记录1。vue可拖动的拖动效果插件vue。可拖动的中文文档2。vueclipboard2剪贴板效果插件(复制指定内容。
10、 vue好用的视频 插件推荐我最近做了一个视频功能。看了一些视频相关的插件，发现下面两个比较好用，这里我推荐他们:videojs应该很多人都知道，而且比较成熟插件。这里是官网地址:然后MuiPlayer也很好，它几乎和视频一样容易使用。和videojs相比，优势应该是文档更好，我自己用的是videojs，然后项目主要做了一个视频上传和视频展示功能。看效果图:我用的话，公文就自己翻了，最后主要说一下我用插件后踩的一些坑，尤其是上传部分，其他都还好。
