1. 程式人生 > >初步認識vuejs-建立vue

初步認識vuejs-建立vue

vue的建立方法:

在<script></script>標籤中建立vue,有兩種建立方式,一種匿名建立,一種給vue一個引數(名稱)的建立

一匿名建立:

 new Vue({

el:"#app",

data:{

message:'hello clover'

})

二帶引數建立:

var vm = new Vue({

el:"#app",

data:{

message:'hello clover'

})

})

el:繫結元素,指定的容器,在該容器內可以使用Vue的特性,離開了這個容器就沒有辦法使用

data:繫結元素額儲存資料

 

在HTML中引用Vue的內容,如下:

<div id="app">

你好{{message}}

</div>