> For the complete documentation index, see [llms.txt](https://jim-5.gitbook.io/vue-js/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jim-5.gitbook.io/vue-js/yuan-su-pian.md).

# VUE元素(屬性)

```javascript
//範例
//屬性內的變數用雙括號 " "
//要顯示的變數用雙大括號 {{ }}
<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設定的函數。**
