初识Vue

一.安装vue

        初学者可根据b站中的视频进行学习安装，当然如果你想要按照文档安装的话也可以，两种选择看自己的想法。

二.了解vue.js和vue.min.js

1.在学习vue前我们需要获得两个vue.js和vue.min.js文件。

2.首先我们要知道，vue.js和vue.min.js的区别，前者是开发版本，后者是生产版本。vue.js是完整的未压缩的文件，文件的体积较大，一般用作阅读与开发，并不适合上线项目。

3.vue.min.js恰恰相反，min代表着最小值，它是经过压缩得来的，虽然它得到了压缩，但是功能和vue.js完全一样，只是将一些空白字符，注释等逻辑无关的内容删除，然后进行一些优化。

4.如果你是初学者，建议你使用vue.js版本文件。

二.Vue实例

1. 想要让Vue发生工作，就必须创建一个vue实例，并且要传入一个配置对象。

2.

 

3.Vue实例是和root一一对应的，el:"#root",是接收div中id的值

5.真实开发中只有一个Vue实例，并且会配合着组件一起使用

6.{{name}} 中的name不是不变的，里面可以写js表达式，而且他可以读取到data中的属性，前提是代码无误

7. 

8.当data中的数据发生变化的时候，root内的内容也会跟着发生变化。data是vue实例的数据对象，直白点就是存数据的地方，想要使用的时候，直接引用即可 

总结：实现一个简单的vue案例，需要知道vue该怎么创建，创建之前需要的条件，初看与js相似，个人建议初学者先掌握好js基础和html和css，再进一步学习vue