Vue框架

Vue

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架. 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合

MVVM

MVVM 是 Model-View-ViewModel 的简写。MVVM 就是将其中的 View 的
状态和行为抽象化，让我们将视图 UI 和业务逻辑分开

body中

插值表达式显示数据：{{demo}}

插值表达式中可以加减乘除，可以判断或者调用函数，

不能定义常量，不能使用流程表达式

v-on:click=“函数” @click=“函数”

v-show=“变量名（或者添加判断）” 通过控制display属性，隐藏显示标签，不删除标签 速度快，操作多的使用

v-if=“变量名（或者添加判断）” 隐藏时，会删除掉标签，速度慢，操作少量可以

v-else 必须与if挨在一起使用

v-model=“变量名” 便捷的设置和获取表单元素的值，绑定的元素值会和表单元素值相关联

v-text=“变量名”

v-bind:src=“变量名” v-bind表示将src里面的值是动态的

v-for=“(user, index) in users”

script中

创建vue对象 var app = new Vue({

中间有el: ‘#app’,//数据挂载点

data: { //数据

}，

​ methods:{//函数直接写这个里面

​ }

})

生命周期钩子函数

在每个声明周期阶段，提供一个函数

beforeCreate(){

},

created(){

},

mounted(){ //vue对象创建完毕，且与标签进行了绑定，类似于onload

​ //向后端发送请求，接收后端

}