什么是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 中可以写复杂类型的数据,如对象,数组