## data 定義方式 1. 對象 ``` data:{ myName:'Oscar' } ``` 2. 函數 ``` data:function(){ return { myName:'Oscar' } } ``` 3. ES6 規范的函數 ``` data(){ return { myName:'Oscar' } } ``` ## data使用方式 #### 在同一份文件中 .vue 1. 方式1 使用` {{}}` 在同一個文件中 2. v-html ， v-text v-html 不會對標簽轉義，而v-text會轉義。 ## 不在同一個文件， main.js app.vue (有問題，忽略) 在子頁面使用Vue中的Data 1. main.js ``` data(){ return { myName:'Oscar1' } }, created:function(){ var myName = this.myName; console.log(myName); }, export default myVue ``` 2. App.vue ``` import myVue from './main.js' export default{ data(){ return { myName:myVue.myName } } } ``` 然后就可以在` <template>` 中使用占位符了` {{ myName}}`