Vue学习08--开发模式

​

Vue学习08–开发模式

开发模式

Vue有两种常见的开发模式：SPA和MPA
​

SPA：single page application 单页应用，整个应用只有一个html页面
MPA：multiple page application 多页应用
​

单页应用不用配置，Vue本身默认的就是一个单应用开发模式，直接用组件进行开发即可。

如果要配置多页应用：需要在vue.config.js文件中进行页面配置，添加一个 pages 属性，它因该是一个对象，因为需要指定页面应用的名字
​

// 这个检查机制太严格，需要去配置把这个ESLint去掉
// 因为是使用的vue-cli脚手架，所以需要对这个脚手架进行配置：需要新起一个配置文件 -> vue.config.js
// 因为当前项目是由webpack来进行运行，webpack是基于NodeJS的，因此配置文件由webpack读取和执行，所以vue.config.js应该是一个CommonJS规范的文件
// 是一个配置文件，因此需要把配置好的配置导出给webpack使用
// 因为这个配置是webpack来进行加载的，也就是这个文件需要使用NodeJS来执行，因此这个文件修改以后需要重新启动服务
module.exports = {
    // 需要把lint on save这个检查时机去掉
    lintOnSave: false,

    // 配置多页应用
    pages: {
        // 需要指定名字
        index: {
            // 指定index页面应用的js实例
            entry: './src/index.js',
            // 指定index页面应用的模板
            template: './public/index.html'
        },
        home:{
            entry:'./src/main.js',
            template:'./public/home.html'
        }
    }
}

​

面试题：
webpack 用过没有？
答：webpack自己做技术研究时候用过，在项目中多用脚手架，vue使用vue.config.js对webpack进行配置
那你都配置过什么？
答：用pages配置过多页应用，用entry指定页面的js实例，template指定相应页面的html模板文件。
​