index.html是根页面。里面的id="app"定义了Vue的渲染范围。
main.js是入口文件。加载了Vue框架、App组件(App.vue)、路由组件(route/index.js)。
App.vue组件中通过route-view使用了路由组件。
路由组件中配置了URL和其他组件的映射关系，并听过Vue的API监听URL的变化。根据URL的变化，选择对应的组件去渲染。实现“页面”跳转，也就是路由。
可能说“组件”路由 比“页面”路由更合适。组件包含了页面内容、脚本、样式。
main.js是入口文件。加载了Vue框架、App组件(App.vue)、路由组件(route/index.js)。
App.vue组件中通过route-view使用了路由组件。
路由组件中配置了URL和其他组件的映射关系，并听过Vue的API监听URL的变化。根据URL的变化，选择对应的组件去渲染。实现“页面”跳转，也就是路由。
可能说“组件”路由 比“页面”路由更合适。组件包含了页面内容、脚本、样式。
2020-02-10
一年前，我自以为自己的底层ECMAScript基础很扎实，很牛逼。不用再学新框架了。
有一天，一个同事离职了，丢给我一个项目。我发现，我连怎么运行那个工程都不知道。后来发现那是一个Node项目。准确点是Vue项目。需要先用npm install安装各种包。
而当时，我还在纠结，这个目录结构，入口文件，启动加载顺序，请求流程...
然后在运行脚本。启动。所以从那以后，我再也不敢放过任何一个简单的知识点。
有一天，一个同事离职了，丢给我一个项目。我发现，我连怎么运行那个工程都不知道。后来发现那是一个Node项目。准确点是Vue项目。需要先用npm install安装各种包。
而当时，我还在纠结，这个目录结构，入口文件，启动加载顺序，请求流程...
然后在运行脚本。启动。所以从那以后，我再也不敢放过任何一个简单的知识点。
2020-02-10
前端路由，基本都是利用URL的#实现的。#后面这部分叫做URL的hash字符串。它有两个作用：1用于页面内滚动条的定位，也叫做锚。2用作路由。它的特点是hash字符串改变，不会导致浏览器页面刷新，window对象还是同一个。
所以前端路由，只是监听URL的#部分的字符串变化，用不同的视图需渲染。不会导致浏览器重新请求服务端。
之所以这么做，也是为了提高性能。Vue把所有的组件一次性打包发到前端。用脚本去控制渲染。
所以脚本渲染的框架都不利于SEO。但可以用SSR（服务端渲染）实现伪静态化。
所以前端路由，只是监听URL的#部分的字符串变化，用不同的视图需渲染。不会导致浏览器重新请求服务端。
之所以这么做，也是为了提高性能。Vue把所有的组件一次性打包发到前端。用脚本去控制渲染。
所以脚本渲染的框架都不利于SEO。但可以用SSR（服务端渲染）实现伪静态化。
2020-02-10
npm install -g vue-cli如果报这个错：
...
npm ERR! code EEXIST
npm ERR! path C:\Users\Administrator\AppData\Roaming\npm\node_modules\vue-cli\bin\vue
...
强制覆盖即可：
npm install -g vue-cli --force
...
npm ERR! code EEXIST
npm ERR! path C:\Users\Administrator\AppData\Roaming\npm\node_modules\vue-cli\bin\vue
...
强制覆盖即可：
npm install -g vue-cli --force
2020-02-10
最新回答 / weixin_慕桂英4055371
碰到同样的问题，该怎么解决，报错如下： warning in ./src/components/msg.js"export 'default' (imported as 'Vue') was not found in 'vue'
2020-01-30
