VUE元素(屬性)

//範例
//屬性內的變數用雙括號 " "
//要顯示的變數用雙大括號 {{ }}
<body>
  <div id="app">
    {{ message }}
  </div>

  <script>
  var app = new Vue({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    }
  })
  </script>

</body>
  • el:指定頁面已有的DOM元素來掛載vue的實例。

    可以是HTMLElement,也可以是CSS選擇器。

  • data : 宣告需要雙向綁定的資料

    • 存取整個元素的方法 app.$el

    • 存取元素內屬性值的方法 app.message (不用指定元素)

  • method : 使用函數

  • filter : 篩檢程式

  • computed : 運算式

  • watch : 監聽某個props或data的改變。當改變時,會觸發watch設定的函數。

Last updated