第一个Vue程序

什么是Vue.js Vue(读音 /vjuː /，类似于view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三 大主流框架！ https://v2.cn.vuejs.org/ Vue.js 优点 1.体积小 压缩后33K 2.更高的运行效率 用JQuery或者原生的JavaScriptDOM操作函数对DOM进行频繁操作的 时候，浏览器要不停的渲染新的DOM树，导致页面看起来非常卡顿。 基于虚拟dom，一种可以预先通过JavaScript进行各种计算，把最终的 DOM操作计算出来并优化的技术，最后在计算完毕才真正将DOM操作提交。 3.双向数据绑定,简化Dom操作 通过MVVM思想实现数据的双向绑定，让开发者不用再操作dom对象, 把更多的精力投入到业务逻辑上. MVVM是Model-View-ViewModel的简写。MVVM 就是将其中的View 的 状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。4 生态丰富、学习成本低 市场上拥有大量成熟、稳定的基于vue.js的ui框架、常用组件！来即用实现 快速开发！对初学者友好、入门容易、学习资料多.

1. 导入开发版本的Vue.js

2. 创建Vue实例对象，设置el属性和data属性

3. 使用简洁的模板语法把数据渲染到页面上 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： 代码解析: {{ 变量 }} ,插值表达式获取data数据 new Vue();创建Vue对象(VM对象) el:数据挂载的dom对象 Vue会管理el选项命中的元素及其内部的后代元素 可以使用其他的选择器，但是建议使用ID选择器 可以使用其他的闭合标签，不能使用HTML和BODY data:{ message:’hello world’} model 数据 Vue中用到的数据定义在data中 data 中可以写复杂类型的数据,如对象,数组