Vue_1.0

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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章