Vue概述
尤雨溪 2.0以上(2.5)
Vue 渐进式JavaScript框架
声明式渲染 --组件系统 --客户端路由 --集中式管理状态 --构建项目
官网 https://cn.vuejs.org/v2/guide/
易用 :熟悉HTML css JavaScript 可快速上手Vue ;
灵活 :在一个库和一套完整的架构之间伸缩自如;
高效:20KB运行大小,超快虚拟DOM;
Hello Vue
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<div id="bin">
<div>{{msg}}</div>
<div>{{11+22}}</div>
<div>{{msg+"---"+65}}</div>
</div>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
/**
1 提供标签 用于提供数据
2 引入Vue。js库文件
3 用Vue语法做功能
4 吧Vue提供的数据 填充到标签里
**/
var vm = new Vue({
el: '#bin',
data: {
msg: 'Hello Vue'
}
});
</script>
</body>
</html>