什么是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中的值