Vue学习

单词：

bind  绑定 

property  属性

mount  挂载

前端三大框架
    React
    Vue
    Angular

Vue概述
    是一套用于构建用户界面的渐进式框架
    特点
        1.尤雨溪创造，v2与v3两个版本
        2.结合了Angular的指令与reac的组件，虚拟dom
        3.渐进式javascript框架
    优点
        1.中文文档完毕
        2.简单，高效，生态丰富（插件多）
        3.指令，组件，虚拟dom

导入与实例化
    模板
<div id ="app">
    <h1>{{msg}}</h1>
</div>
    引入
<script src="./js/vue.js"></script>
    实例化
new Vue({
    el:"#app"
    data:{msg:"你好Vue！"}
})

指令与模板

    
      特点
        1.就是v开头的特殊属性，它的值预期为javascript单行
        2.可以渲染实例的值
v-text = "msg"
        数学运算
v-text = "2+3"
        使用js表达式
v-text = "msg.length"
        如果是文本需要加单引号
v-text = " '我在中国,' +msg"
    指令是联系模板与vue实例的桥梁

 

vue的实例
    var vm = new Vue({...})
    vm就是new Vue创建的实例

文本渲染指令
    {{}}
        渲染vue的数据
        数学运算
        执行js的普通方法
        三元运算符（不能使用if，for等多行命令）
    v-text
文本渲染指令
    v-html
html文本渲染指令

条件渲染指令
    v-if
    v-else
    v-else-if
    v-show