vue2多页面开发咋弄？新手教程一看就会！
今儿咱来聊聊咋用Vue2整多页面应用。我以为这玩意儿挺复杂的，结果一上手，发现也就那么回事儿。跟着我一步步来，保准你能搞定！
第一步：搭架子
你得有个Vue项目？没有的话，咱就先搭一个。我，平时就喜欢用命令行，打开电脑的命令行工具，敲入下面这行：
vue init webpack my-project
这里头的“my-project”是你项目的名字，你可以随便起，比如“haha-project”、“gogo-project”，看你心情。回车之后，它会问你一堆问题，你就一路回车就行，不用管它。等它跑完，你就拥有一个崭新的Vue项目！
然后，咱得进到项目目录里头，继续敲命令：
cd my-project
npm install
这个“npm install”是干啥的？就是把项目需要的那些个依赖都给下载下来。这就像你要做饭，得先把菜、米、油、盐啥的都准备这个过程可能要等一会儿，你可以去倒杯水，刷刷手机啥的，看你网速。
第二步：改配置
等依赖都下好，咱就可以开始折腾。多页面应用，顾名思义，就是要有多个页面。那咱就得告诉Vue，咱有几个页面，每个页面在哪儿。这就需要改一下配置文件。
找到项目目录下的“build”文件夹，里头有个叫“*.js”的文件，用你喜欢的编辑器打开它。
找到“entry”这一项，它原本长这样：
entry: { app: './src/*'
这是啥意思？就是说，咱这个项目只有一个入口，叫“app”，它的文件在“./src/*”。
咱要把它改成多个入口。比如，咱有两个页面，一个叫“one”，一个叫“two”，那咱就这么改：
entry: { one: './src/pages/one/*',
two: './src/pages/two/*'
注意，这里我把页面文件放到“src/pages”目录下，每个页面一个文件夹，里头放一个“*”文件。你也可以根据自己的喜好来组织文件。
第三步：建页面
配置文件改好，咱就来创建页面。在“src/pages”目录下，新建两个文件夹，分别叫“one”和“two”。然后在每个文件夹里头，新建一个“*”文件，一个“*”文件，还有一个“*”文件。
“*”文件里头，写上这么几行：
import Vue from 'vue' import App from './*'
new Vue({ el: '#app',
render: h => h(App)
“*”文件里头，写上你的页面内容。比如：
<template> <div>
<h1>这是第一个页面</h1>
</div>
</template>
“*”文件里头，写上一个基本的HTML结构：
<!DOCTYPE html> <html>
<head>
<meta charset="utf-8">
<title>第一个页面</title>
</head>
<body>
<div id="app"></div>
<!--webpack生成的js会自动插入到这里-->
</body>
</html>
“two”文件夹下的文件也类似，我就不啰嗦。
第四步：跑起来
页面建好，咱就可以跑起来看看效果。在命令行里敲入：
npm run dev
等它跑完，会自动打开一个浏览器窗口。你可以在地址栏里输入“localhost:8080/*”和“localhost:8080/*”来访问不同的页面。如果端口被占用打不开网页的话，就去/config/*目录下改个端口就行。
看看，是不是很简单？多页面应用，就是这么回事儿。这只是一个最基本的例子，实际开发中可能还会遇到各种各样的问题，但只要掌握基本原理，兵来将挡，水来土掩，啥都不怕！