1. 程式人生 > >vue物件例項化

vue物件例項化

1.html中定義一個div容器,<script src='app.js'></script><div id="app">{{name}}</div>

2.在app.js裡實例化vue物件,建立例項new vue({
el:’#app’,
el是elements,指的是需要獲取的元素,是html中的根容器元素,div裡的app就是根容器,el的值就是#app;
data:{name:‘helloworld’}
data是儲存的資料,如何在html中顯示helloworld,可在<div id="app">{{name}}</div>

這樣實現。

})
3.若是在html中沒有編輯<script標籤,則在html顯示的是{{name}}`

4.必須注意例項化vue物件時候,new Vue 中Vue必須大寫;且Vue必須單獨寫出來。