Vue实例中data属性
new Vue({ el: '#app', data: { message: 'message' } })
组件化的项目中使用
export default{ data(){ return { message: 'message' } } }
注意:
在大型项目中data会造成数据污染(data是全局的)
将data封装成一个函数,我们在实例化组件的时候只是调用了这个函数生成的数据副本,这就避免了数据污染。
Vue实例中data属性
new Vue({ el: '#app', data: { message: 'message' } })
组件化的项目中使用
export default{ data(){ return { message: 'message' } } }
注意:
在大型项目中data会造成数据污染(data是全局的)
将data封装成一个函数,我们在实例化组件的时候只是调用了这个函数生成的数据副本,这就避免了数据污染。