## 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}}`