VueJS 是一款非常流行的前端JavaScript框架，以其易学易用和强大的功能著称。本课程主要探讨了在VueJS开发中遇到的三个关键主题：跨域问题、骨架屏插件的使用以及预渲染技术，同时也涉及到了多页应用的构建。
一、VueJS 跨域解决方案
在开发Web应用时，由于浏览器的同源策略限制，VueJS应用有时会遇到跨域问题，这主要发生在API请求或者数据交互时。解决跨域的方法多种多样，包括：
1. JSONP（JSON with Padding）：通过动态创建script标签来实现跨域请求，适用于只支持GET请求的情况。
2. CORS（Cross-Origin Resource Sharing）：服务器端设置Access-Control-Allow-Origin响应头，允许特定的域名访问资源，支持所有HTTP方法。
3. 代理服务器：通过在开发环境中设置代理服务器，将API请求转发到实际的后端服务，例如在VueCLI中配置webpack的proxyTable。
4. window.postMessage：通过在父窗口和子窗口之间传递消息来实现跨域通信。
二、骨架屏插件
骨架屏是一种优化用户体验的技术，它在页面数据加载完成前显示一个模拟页面结构的静态骨架，减少用户等待的焦虑感。VueJS中常用的骨架屏插件有vue-skeleton-webpack-plugin和vue-loading-template等。它们通常结合Vue的组件化特性，为不同组件定义骨架屏模板，通过钩子函数在数据未加载完成时显示骨架屏，加载完成后切换为实际内容。
三、预渲染（Prerendering）
预渲染是将VueJS应用的特定路由页面生成为静态HTML文件，这些文件可以在服务器端直接返回，提高首屏加载速度，对SEO友好。VueJS官方提供了prerender-spa-plugin插件来实现这一功能。预渲染适用于那些内容相对静态，且需要被搜索引擎抓取的页面。但需要注意的是，预渲染可能导致维护复杂度增加，因为需要处理更多的静态文件。
四、多页应用（Multi-page Application）
在某些场景下，如大型企业级应用或复杂的Web项目，可能需要构建多页应用。VueJS本身是单页应用（SPA）的设计，但通过如vue-router的history模式和webpack的HtmlWebpackPlugin等工具，可以实现多页应用的构建。每个页面有自己的入口文件和路由配置，Webpack会根据配置生成多个HTML文件，每个文件对应一个独立的页面。
总结，VueJS在跨域解决方案、骨架屏插件、预渲染和多页应用等方面提供了丰富的工具和策略，使得开发者能更好地应对各种开发需求。理解并掌握这些技术，有助于提升VueJS应用的性能和用户体验。
