Vue中data詳解
1.書寫格式
Vue中的data屬性專門用來以物件方式存放資料,它有兩種用法。
var vm=new Vue({
data:{
id:'',
name:'',
},
})
var vm=new Vue({
data()
{
return { id:'', name:''}
},
})
元件中使用第二種,將data作為一個函式名、資料物件作為函式返回值來使用。原因是元件可能被用來建立多個例項。如果data仍然是一個純粹的物件,則所有的例項將共享引用同一個資料物件!通過提供data函式,每次建立一個新例項後,我們能夠呼叫data函式,從而返回初始資料的一個全新副本資料物件。
2.具體使用
Vue 在data中定義的資料,其在dom中訪問可以只用資料名,但是在method中訪問必須前面加this. 不然提示not defined
相關文章
- vue中的插槽詳解Vue
- 詳解Vue中的插槽Vue
- vue cli中的env詳解Vue
- vue--vuex 中 Modules 詳解Vue
- Flashback Data Archive原理詳解Hive
- Vue中的data配置項Vue
- MySQL - DDL詳解(Data Definition Language)MySql
- 詳解Vue中watch的高階用法Vue
- MySQL-DML(Data Manipulation Language)詳解MySql
- 詳解Vue NativeVue
- SpringBoot 整合 Spring Data Mongodb 操作 MongoDB 詳解Spring BootMongoDB
- Javascript類庫:vue.js中的vue-resource示例詳解JavaScriptVue.js
- Vue跨域詳解Vue跨域
- 六. Vue CLI詳解Vue
- 七. Vue Router詳解Vue
- 瀚高資料庫data目錄詳解資料庫
- ADF 第六篇:Copy Data Activity詳解
- Vue $dispatch 和 $broadcast 詳解VueAST
- Vue.use(plugin)詳解VuePlugin
- vue生命週期詳解Vue
- vue3.0API詳解VueAPI
- vue樣式寫在data中,作用在:style上Vue
- Vue初識、el、dataVue
- 詳解vue中Axios的封裝與API介面的管理VueiOS封裝API
- vue2版本中slot的基本使用詳解Vue
- Vue事件修飾符詳解Vue事件
- 詳解Vue生命週期【上】Vue
- 詳解Vue.js 技術Vue.js
- 關於Vue.use()詳解Vue
- 6. vue元件詳解(一)Vue元件
- Spring Data JPA框架的Repository自定義實現詳解Spring框架
- 詳解PyTorch FSDP資料並行(Fully Sharded Data Parallel)PyTorch並行Parallel
- vue中data改變後,如何讓檢視同步更新Vue
- Vue中混入的使用詳情Vue
- jMeter 裡 CSV Data Set Config Sharing Mode 的含義詳解JMeter
- Vue 元件通訊方式全面詳解Vue元件
- 詳解vue的diff演算法Vue演算法
- 詳解 Vue 生命週期實現Vue