zoukankan      html  css  js  c++  java
  • Vue中的data要用return返回

    今天看面试题 突然看到 Vue中的data要用return返回 看到这个问题 刚开始没反应过来 因为平时写vue都是直接去写代码的 关于data要用return返回 只是知道一个大概 并``没有仔细去了解
    首先先看一下下面的代码

    var vm = new Vue({
        el: '#example',
     	data: {
     	message: 'Hello'
     	}
    });
    这种写法data对象是引用类型
    
    //在vue组件中这样写
    data() {
    	 return {
     	message: 'Hello'
     	}
    }
    //函数写法,每次返回新对象
    
    • 1)在简单的Vue实例中,因为你app对象不存在复用,不会出现数据污染。
    • 2)然而在组件中, 使用return包裹后数据中变量只在当前组件中生效,因为组件是可以被复用的,这样不会影响其他组件,所以为了不让多处的组件共享同一个data对象,只能返回函数 ,我们只是调用 了data函数生成的数据副本,避免了数据污染。
  • 相关阅读:
    关于表单的jQuery练习
    jQuery中的综合动画
    jQuery中自定义简单动画的实现
    清除浮动
    定位
    盒子模型
    笔记
    笔记
    翻页
    DOM
  • 原文地址:https://www.cnblogs.com/mxnl/p/13543987.html
Copyright © 2011-2022 走看看