什么是vue

什么是vue？
前端三大主流框架
react Angular vue
vue是一套用于构建用户界面的渐进式框架。vue的核心库只关注于视图层
特点：
使用es6语法进行编程
虚拟dom操作
双向数据绑定
使用指令完成条件渲染，列表渲染

        vue基于mvvm框架
            mvvm
                m   model 服务器上的业务逻辑操作
                v   view  视图(页面)
                vm  ViewModel   模型跟视图间的核心枢纽，比如vue.js

                model跟ViewModel之间双向关系
                    model通过ajax通信，发送数据给ViewModel；
                    ViewModel也可以通过ajax通信，发送请求给model
                view跟ViewModel之间双向关系
                    ViewModel中的数据发生改变，同时可以改变view上显示的内容；
                    view上的内容发生改变(比如输入框中)，也可以同时改变ViewModel中对应的数据

vue安装
在Xshell中
> cnpm install -g @vue/cli
> vue create app01
> cd app01
> yarn serve

vue应用
引入vue

html代码

{{test}}

js代码
// 初始化一个vue对象
var vm = new Vue({
el:"#app",
data() {
return {
test:“今天很开心”
}
}
})
注意：
1.vm代表vue实例化对象
2.el:"#app" => 选中id为app的div，绑定模板
3.vm可以直接获取到data中的值