viewModel是一个为页面提供数据交互的模型,通常和bind进行同时使用
一般可以为组件声明下viewmodel的属性
viewModel:{
data:{
key:value
}
}
这个主要是为 其设置了viewModel的组件,的子组件,提供相应的绑定数据。
就是下面的结构
{
xtype:'组件1',
viewModel:{
data:{
key1:value
}
},
items:[
//这里的组件 可以使用bind 来绑定key1
]
},
{
xtype:'组件2',
bind:'{key1}' //这里就会报错,无法调用viewModel
}
如果是想要全局的使用,我们可以设一个viewport的viewModel
First
在view文件夹下放一个viewport文件夹,并把对应viewModel.js放在里面
定义一个全局的viewModel
Ext.define('MyApp.view.vi