Vue(一) Hello World

Hello World

　　1.cdn引入

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

　　2.html中添加一个div容器　

　<div id="app">
　　  <!-- {{}}获取vue对象数据 -->
  　　{{ message }}
　</div>

 

　　3.添加<script>代码块，创建vue对象

new Vue({
　　el:"#app",
　　data:{
　　　　　message:"Hello World"
　  }
});