vue學習(一)初步瞭解 vue實例

//html:
<div id="app">
  <p>{{msg}}<p>
</div>


//script 須要引入jar包vue-2.4.0.js
<script>
  var vm = new Vue({
    el:'app'
    data:{
      msg:'hello,vue'
    }
  })
</sctipt>

說明:html

p標籤中的兩個大括號 叫作 插值表達式,顧名思義就是 插入值用的vue

vue對象中的el 就是爲了表示 new的這個vue對象是用來控制頁面上的那個區域。app

data中存放的是el中要使用到的數據。另外說一點 頁面中須要用到的數據都須要在data中聲明出來dom

vue不提倡咱們操做dom節點。spa

相關文章
相關標籤/搜索