介绍:Vuejs是一个构建数据驱动的web的界面的库,Vue.js的核心库只关注视图层,并且非常容易学习,非常容易与其他库或已有的项目整合。
四大特性:
1. MVVM模式
M M: model 业务模型,用处:处理数据,提供数据
V: view 用户界面、用户视图
业务模型model中的数据发生改变的时候,用户视图view也随之变化。用户视图view改变的时候,业务模型model中的数据也可以发生改变。
2. 组件化
3. 指令系统
4. Vue.js 2.0开始支持虚拟DOM(Vue.js 1.0 是操作的真是DOM,而不是虚拟DOM)
虚拟DOM可以提升页面的刷新速度。
安装
1.独立版本 直接引入 script
2.CDN 第三方引入
3.NPM
npm install vue 大型项目推荐
入门实例:
<!DOCTYPE html>
<html>
<head>
<title>vue.js入门</title>
<meta charset="utf8">
<script src='./vue.js'></script>
</head>
<div id="demo">
{{message}}
</div>
</body>
<script>
var app = new Vue({
el:'#demo',
data:{
message:'Hello Vue.js的世界!'
}
});
</script>
</html>