vue 尤雨溪 渐进式的JavaScript框架：虚拟dom、双向数据绑定等
声明式渲染 - 组件系统 - 客户端路由 - 集中状态管理 - 项目构建 这就是渐进式
2步：模板语法->逻辑处理

代码：
    属性：
        el：元素挂载的位置
        data: 模型数据(对象)
    差值表达式：{{msg}}
        将数据引入到标签中
        支持简单的表达式计算
VUE的模板语法：
    差值表达式（会存在闪动的问题）
    指令 其本质就是自定义属性，只不过是以v-开头
        v-cloak 先通过样式隐藏内容，然后在内存中替换内容，最终将内容显示出来。这样就防止闪动发生。
        v-text 填充纯文本，同样可以防止闪动发生。用起来比较方便v-text=" "
        v-html 可以填充HTML片段，有风险，来自本网站内部数据可以使用，来自第三方数据不要使用
        v-pre 显示原始信息，跳过编译过程。直接显示{{msg}}
        数据响应：
            概念：
                html5中的响应式：屏幕尺寸的改变导致样式的变化
                数据的响应式：数据的变化导致页面内容的变化 （可以在F12中的console中操作测试）
        数据绑定：
            将数据填充到标签中
            v-once 只编译一次，编译后数据不再具有响应式
        数据双向绑定：页面内容改变（表单输入域）可以影响数据，数据的改变又可以影响页面内容。
            v-model 底层用的是 属性绑定v-bind 和 事件绑定v-on:input; 从表单拿到的数据默认是字符串。
                <input type="text" v-model=msg>
                <input type="text" v-bind:value=msg v-on:input=handle>
                <input type="text" v-bind:value=msg v-on:input="msg=$event.target.value">
        mvvm设计思想：
            view到model 使用事件监听
            model到view 使用的数据绑定
        -事件绑定：
            vue如何处理事件：
                v-on:click=‘‘
                @
            事件函数的调用方式：
                直接调用函数名function
                函数调用function()    
            事件函数的参数传递：
                直接调用函数名function 默认会传递事件对象$event作为第一个参数。
                函数调用function()    事件对象必须作为最后一个参数显示传递，事件对象的名称为$event
            事件修饰符：（用来处理事件的特定行为，比如 阻止冒泡，阻止默认行为）
                阻止冒泡 原生：event.stopPropagation() vue 在事件名称的后边加stop；有些函数式通过点击事件触发，有些函数是通过冒泡事件触发。
                阻止默认行为 原生：event.preventDefault() vue 在事件名称后边加 prevent
            按键修饰符：
                在事件名称（keyup）的后边加上 enter
                在事件名称（keyup）的后边加上 delete
                自定义按键修饰符；
                    每一个按键都有唯一固定的值，只需要在keyup后加上.数值即可实现自定义按键修饰符；也可以起别名；
        属性绑定：
            vue如何动态处理属性：（动态绑定属性值）
                v-bind:属性名=‘‘
                :属性名=‘‘
        样式绑定 之class绑定：
            对象绑定 ：通过v-bind绑定class属性，class属性值通过对象的方式控制是否显示，true表示显示，false表示不显示
            数组绑定：数组和对象可以结合使用；class绑定的值可以简化操作；
        样式绑定 之style绑定：
            对象语法 和 数组语法，相同的部分后者会覆盖前者（推荐对象绑定）

vue基础