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--vuex 中 Modules 詳解Vue
- vue cli中的env詳解Vue
- Flashback Data Archive原理詳解Hive
- 詳解Vue中watch的高階用法Vue
- MySQL - DDL詳解(Data Definition Language)MySql
- Javascript類庫:vue.js中的vue-resource示例詳解JavaScriptVue.js
- MySQL-DML(Data Manipulation Language)詳解MySql
- 詳解Vue NativeVue
- 七. Vue Router詳解Vue
- 六. Vue CLI詳解Vue
- Vue跨域詳解Vue跨域
- Kotlin——中級篇(六):資料類(data)、密封類(sealed)詳解Kotlin
- 【MySQL】load data語句詳解(一)MySql
- 【MySQL】load data語句詳解(二)MySql
- 【MySQL】load data語句詳解(三)MySql
- Vue.use(plugin)詳解VuePlugin
- vue生命週期詳解Vue
- vue3.0API詳解VueAPI
- 詳解vue生命週期Vue
- vue樣式寫在data中,作用在:style上Vue
- vue2版本中slot的基本使用詳解Vue
- 瀚高資料庫data目錄詳解資料庫
- 【DataGuard】部署Data Guard相關引數詳解
- Vue中混入的使用詳情Vue
- Vue初識、el、dataVue
- Vue事件修飾符詳解Vue事件
- 詳解Vue生命週期【上】Vue
- Vue $dispatch 和 $broadcast 詳解VueAST
- 關於Vue.use()詳解Vue
- 6. vue元件詳解(一)Vue元件
- 詳解Vue.js 技術Vue.js
- vue中data改變後,如何讓檢視同步更新Vue
- vue.js 中 data, prop, computed, method,watch 介紹Vue.js
- 詳解vue中Axios的封裝與API介面的管理VueiOS封裝API
- ADF 第六篇:Copy Data Activity詳解
- [Vue]vue核心面試題:元件中的data為什麼是一個函式Vue面試題元件函式
- vue-cli腳手架中webpack配置基礎檔案詳解VueWeb