Vue概念

1 

bind 绑定

property 属性

mount 挂载

 2

Vue概念

是一套用于构建用户界面的渐进式框架

特点：

1：尤雨溪创造，v2与v3两个版本

2：结合了Angular的指令与react的组件，虚拟dom

3：渐进式JavaScript框架

优点：

1：中文文档完毕

2：简单，高效，生态丰富（插件多）

3：指令，组件，虚拟dom

3：导入与实例化

模板

<div id='app'>
   <h1>{{msg}}</h1>
</div>

 引入

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

实例化

var vm = new Vue({
        el: '.app',  //指定模板范围
        data: {
            msg: "<i>你好，vue</i>!",
        }//指定数据
    })

4：指令与模板

 

 特点：

1：就是v开头的特殊属性，它的值预期为javascript单行

2：可以渲染实例的值  v-text = "msg"

3：数学运算 v-text = "2+3"

4：使用js表达式 v-text = "msg.length"

5：如果是文本需要加单引号 v-text = " '我在中国,' +msg"

指令是联系模板与vue实例的桥梁

Vue的实例：

var vm = new Vue({...})

vm就是new Vue创建的实例

文本渲染指令

渲染vue的数据

数学运算

执行js的普通方法

三元运算符（不能使用if，for等多行命令）

v-text 文本渲染指令

v-html 文本渲染指令

条件渲染指令

v-if

v-else

v-else-if

v-show