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>