1. 程式人生 > >Vue學習(一)——掛載點、模板、例項之間的關係

Vue學習(一)——掛載點、模板、例項之間的關係

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
   <title>Vue入門</title>
   <script src="./vue.js"></script>
</head>
<body>

	<!-- 掛載點、模板、例項之間的關係 -->
	<!-- el指定的dom元素即為Vue例項的掛載點 -->
	<!-- 掛載點中的內容為模板內容 -->
	<!-- Vue例項 -->
   <div id="root"></div>
   <script>
      new Vue({
	  el:"#root",    //指定要繫結的dom節點,掛載點
	  template:'<h1>{{msg}}</h1>',   //可以寫在掛載點下,也可以寫在這裡
	  data:{
		msg:"Hello World"
	  }
     })
   </script>
</body>
</html>

注:學習筆記內容來自:https://www.imooc.com/learn/980
官網:cn.vuejs.org