都说当下时代，最新的移动端框架技术之一是 Vue.Js 框架，在前端开发领域使用和学习它是一种能力。
提出问题
vue有什么用？我们用到了vue的什么东西，我们为什么要用它？那我们如何才能发挥vue引入到html后的效果？
1.1、都说vue好，我如何使用 vue.js ？
Vue 是 JS ，那么它也可以像其他 js 文件一下，通过引入方式引入。根据官网介绍，有两种方式：
- 官网下载引用
- 官网CDN链接引用
引入到 HTML 文件后，运行，可以直接打开 HTML 文件，也可以直接使用工具如 Hbuider 的服务来运行这个 HTML 文件，因为 Hbuider 工具内置了可以跑起代码文件的运行环境。 在浏览器看页面代码实现的效果。
1.2、那我们如何才能发挥vue引入后的效果？
引入后，我们首先会使用在HTML的 script 部分，标签里写数据绑定 js ，就是首先声明全局变量，生成一个vue的全局变量app，var app = new Vue ({ el : "#app" data: {里面写上数据，然后直接可以在html上使用{ {}}括号调用这个数据，就不需要像原来js去gte DOM 绑定后才能输出数据，就是省略并简化了这一步骤。} })
如何发挥作用？
引入js，如上图在js部分new一个全局对象，将data数据直接输出到html 的div。
vue有什么用？
能直接进行数据绑定，可以直接在页面内生成数据输出到浏览视图上，并且在浏览视图修改数据的时候，data也跟着改变。
我们用到了vue的什么东西？
双向数据绑定
我们为什么要用它？
为了更简便，省略操作DOM，而且能双向。
npm install vue 有什么作用？
这个操作不同于引入，引入是拿到vue.js文件来用，而这个操作会直接下载到vue的源码，也就是尤雨溪发布的vue源码，这些源码有什么作用，主要是拿来研究其深层原理，是我们更好的理解vue，它对项目其实并没有什么直接作用，真正对项目有作用的是，vuecli脚手架，vuecli是初始化、构建、运行、测试的工具，不是框架哦，这个工具它能拿来搭建vue项目，它能生成vue目录结构和运行vue需要的项目文件，使我们能更方便的在这些目录上创建自己的代码。
既然官网安装页面教我npm install vue，得到的这些源码，我想知道它有什么用，为什么要给我下载，给我下载有什么意义？
第一它是开源的，第二官网给我们下载的意义是我们可以研究它的原理，第三可能是给我们拿来打包的，或者说是给项目打包的时候用的，第四是支持vue项目运行所需要的环境。
源码研究地址：
https://blog.csdn.net/qq_15506265/article/details/110390630
https://www.zhihu.com/question/423163060/answer/1528710219
关于vue动态路由。
vue新建页面怎么显示出来-路由
vue我新建一个文件之后，怎么点击这个菜单，跳转显示这个页面。老方法是a标签，然后href，但是在vue就需要用到路由，那我要怎么配置路由地址。
新建一个vue页面，正常流程都是在路由index.js文件里面，正常会有三个路由key，path，自定义的路由地址，组件路径，也就是vue文件的路径，还有一个菜单名字啥的，加入新建文件的路由，也就是新建文件的跳转路径，然后加上文件的路由地址，加上文件明字，什么是路由地址，就是我们点这个菜单，然后我们配置了一个路由地址之后，链接栏就会跳转路由地址，我们配置路由地址绑定文件（组件）跳转地址之后，路由器自动会跳到文件的内容，路由都是由路由地址和组件内容组成的。
最初问题，我怎么在这个系统加多一个页面，怎么加多一个菜单，点击菜单怎么显示到我这个新建的页面？经过下面初步了解后建议去看一下vue路由课程。
做后台管理系统，新建页面，怎么新建菜单和点击这个菜单跳转到这个页面并且显示内容？
当我们做管理后台的时候，菜单和路由地址跳转地址都会存到数据库，目的是为了动态生成，不用每次去操作代码，然后也能通过后台控制权限。控制谁能看这个菜单。
所以当后台写好逻辑之后，正常我们都是新建一个vue文件之后，我们就得到管理系统的系统菜单那里，去管理菜单和新增菜单，新建的菜单除了填上菜单名字，还天上路由地址，一般是自定义的，然后再天上文件的路径地址，这样一个文件菜单就生成了，然后点击地址栏显示路由地址，跳转的内容是文件的路径地址文件内容。