zoukankan      html  css  js  c++  java
  • vue定义data的三种方式与区别

    1.对象写法

    var app = new Vue({
      el: '#yanggb',
      data: {
        yanggb: 'yanggb'
      }
    })
    

    2.函数写法

    var app = new Vue({
      el: '#yanggb',
      data: function() {
        return {
          yanggb: 'yanggb'
        }
      }
    })
    

    3.函数ES6写法

    var app = new Vue({
      el: '#yanggb',
      data() {
        return {
          yanggb: 'yanggb'
        }
      }
    })
    

    三种写法的区别总结

    在简单的vue实例应用中,三种写法几乎是没有什么区别的,因为你定义的#yanggb对象不会被复用。

    但是如果是在组件应用的环境中,就可能会存在多个地方调用同一个组件的情况,为了不让多个地方的组件共享同一个data对象,只能返回函数。这个与JavaScript的作用域特性有关,函数自己拥有私有的作用域,函数之间的作用域相互独立,也就不会出现组件对数据的绑定出现交错的情况。

  • 相关阅读:
    JavaScript 事件
    Docker 部署asp.netcore
    Docker 安装
    JavaScript 窗口操作
    JavaScript 定时器
    JavaScript Dom
    Javascript try catch es5标准模式
    JavaScript 数组去重
    JavaScript 返回具体类型方法
    mysql 触发器
  • 原文地址:https://www.cnblogs.com/codedisco/p/13920299.html
Copyright © 2011-2022 走看看