Vue 中data 和 data() {return {};}区别

一般简单Vue实例(常见教程视频中)

new Vue({el: "#id",data: {message: "Vue实例"}
});

在组件化的项目中(我们在公司接触的项目)

一般会这么写

export default {name: "home";data() {return {message: "组件化项目一般这样写~",......}}
}

两者区别

在大型项目中 data 需要使用 return来返回数据，不用return这种方式返回的数据在vue实例中是全局可见的，容易造成数据污染。使用return 返回的数据仅在组件内可见，对其他组件不生效。

Vue 中data 和 data() 区别相关推荐

[vue] vue中怎么重置data？
[vue] vue中怎么重置data? 初始状态下设置data数据的默认值,重置时直接bject.assign(this.$data, this.$options.data())说明: this.$d ...
vue中v-model和v-bind区别
Vue中的数据绑定有三种方式插值:也就是{{name}}的形式,以文本的形式和实例data中对应的属性进行绑定 v-bind v-model v-model 主要是用在表单元素中,它实现了双向绑定. ...
js中for(const i in/of arr/obj)和vue中v-for指令的区别
在js中 var obj = {q:'qqq',w:'www',e:'eee'}var arr1 = [{r:'rrr'},{t:'ttt'},{y:'yyy'}]var arr2 = ['uuu', ...
vue中组件的data为什么是一个函数
组件是可复用的vue实例,一个组件被创建好之后,就可能被用在各个地方,而组件不管被复用了多少次,组件中的data数据都应该是相互隔离,互不影响的,基于这一理念,组件每复用一次,data数据就应该被复制 ...
vue中怎么重置data和data中某个属性的初始状态？
Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象 this.$data获取当前状态下的data this.$options.data()获取该组件初始状态下的 ...
Vue 中computed 与 methods 区别
1.示例 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF- ...
Vue中methods与computed区别
核心区别 computed是属性访问,method是函数调用 computed带有缓存功能,method没有实例: <script>Vue.createApp({data() {retu ...
Vue中 watch 和 computed 区别和使用场景
在 vue 的项目中,经常用到 watch 和 computed 这两个属性.两个都是数值改变触发改变的属性,他们之间有什么区别? 1.区别 Computed: computed: 是计算属性,依赖其 ...
vue中params与query区别
关于vue-router 中参数传递的那些坑(params,query) vue-router传递参数分为两大类: 编程式的导航 router.push 声明式的导航 **query和params的区 ...
vue中computed和methods区别
1.computed是响应式的,methods并非响应式. 2.调用方式不一样,computed定义的成员像属性一样访问,methods定义的成员必须以函数形式调用. 3.computed是带缓存的, ...

Vue 中data 和 data() 区别

Vue 中data 和 data() {return {};}区别

一般简单Vue实例(常见教程视频中)

在组件化的项目中(我们在公司接触的项目)

两者区别

Vue 中data 和 data() 区别相关推荐

最新文章

热门文章