一、Vue的介绍

    首先关于Vue，对于最初的理解，Vue是一个渐进式的js框架，只注重视图层，结合了Html+css+js，非常的容易使用，并且有很好的生态系统。而且Vue体积很小，速度很快，优化很到位。

    Vue技术是MVVM开发模式的实现着。

    什么是MVVM？

    MVVM即----M（model）代表数据   V（View）代表视图  VM（viewmodel）连接视图和数据的中间件并实现双向绑定。

二、Vue的快速开始

       需要下载并获得Vue的包，然后放在项目中并通过script标签中的src属性进行导入 。

     使用分为两个部分：

            1、html:需要有一个div如<div id="app"></div>;

            2、需要有一个Vue对象，即new一个Vue

三、Vue对象里面应该有哪些东西       

    直接上代码：

        new Vue({
            el:"该Vue对象绑定在哪个div上",
            data:{
                提供数据的，存放数据的形式为键值对形式。
            
            },
            methed:{
                提供函数方法的,存在的形式也是键值对的形式。
            
            }，
            还可以补充一些钩子函数
        
                })

        在html的被Vue绑定的元素中，通过差值表达式来获取Vue对象中的数据。差值表达式：{{属性名}}
四、Vue中的关键字

    1、v-model是将标签的value值与vue实例中的data属性值进行双向绑定。

    2、v-on（@即绑定事件）通过配合具体的事件名，来绑定vue中定义的函数。补充几点：在方法中可以通过添加参数的方法来获取当前事件的value值，假设参数为event，则可以通过event.target.value来获取。

    3、v-bind（：）为了实现Vue中的属性能在html中的标签中使用而用到的关键字（因为差值表达式不能在html标签中使用无法调用属性）。

    4、v-once获取此时标签中的属性值，只获取一次，之后数据的变化不影响该关键字获取的值。

    5、v-html和v-text v-html会将Vue中的属性值作为html的元素来使用而v-text则作为纯文本使用。