您现在的位置是:首页 > 正文

Vue2 实例中的 data 属性三种写法与作用:

2024-04-01 01:57:37阅读 2
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
    <span>{{count}}</span>
    <button @click="inc">+</button>
</div>
<script>
var app = new Vue({                               
  // 1. data () {                                    
  //     return {count: 0}                          
  //   },
  // 2.data: {
  //     count: 0
  //  },        
                             //和2在官方文档上都有例子,
                             //地址是:https://blog.csdn.net/baidu_31333625/article/details/70238611
                             //简而言之,在app = new Vue对象时,没什么区别,因为你app对象不会被复用
                             //
但是在组件中,因为可能在多处调用同一组件,
                             //所以为了不让多处的组件共享同一data对象,只能返回函数。
// 3.data: function() { //1是3的区别:1是3的语法糖,和1一模一样     return {      count: 0      }      }, methods: { inc () {this.count++} } }) app.$mount('#app') </script>

 

转载于:https://www.cnblogs.com/caoxueying2018/p/9636035.html

网站文章

  • 最简单的 SpringCloud 教程 第一篇: 服务的注册与发现Eureka(Finchley版本)

    最简单的 SpringCloud 教程 第一篇: 服务的注册与发现Eureka(Finchley版本)

    首先创建一个主Maven工程,在其pom文件引入依赖,spring Boot版本为2.0.3.RELEASE,Spring Cloud版本为Finchley.RELEASE。**2.4 **eurek...

    2024-04-01 01:57:13
  • LSTM基础理论与实例

    LSTM基础理论与实例

    关于深度学习的算法,主要有CNN卷积神经网络、RNN循环神经网络、CAN生成对抗网络三种。LSTM(long-short Time memory)就是基于RNN而来。本文将主要介绍LSTM的基础理论与文字预测的实例。

    2024-04-01 01:57:07
  • springboot 报错org.thymeleaf.exceptions.TemplateInputException: Error resolving template [hello], temp

    org.thymeleaf.exceptions.TemplateInputException: Error resolving template [hello], template might no...

    2024-04-01 01:57:01
  • 史上最全采样方法详细解读与代码实现 热门推荐

    史上最全采样方法详细解读与代码实现 热门推荐

    1.什么是采样 在信号系统、数字信号处理中,采样是每隔一定的时间测量一次声音信号的幅值,把时间连续的,模拟信号转换成时间离散、幅值连续的采样信号。如果采样的时间间隔相等,这种采样称为均匀采样。 在计算...

    2024-04-01 01:56:55
  • 【Mysql】 InnoDB引擎深入- 内存结构之ChangeBuffer | Log Buffer

    【Mysql】 InnoDB引擎深入- 内存结构之ChangeBuffer | Log Buffer

    ChangeBufferChangeBuffer是InsertBuffer 的升级版本,InsertBuffer主要是针对insert 操作进行缓存,而ChangeBuffer是针对 insert、u...

    2024-04-01 01:56:29
  • [unity3d]unity聊天功能

    [unity3d]unity聊天功能

    感觉之前的聊天功能可能有一些缺陷,今天收到书华兄的启发,发表一些感慨,C# .net高手跟新手的区别就是,新手仅仅满足功能上的实现,而很少去考虑性能上的问题,比如高并发怎么处理,打个比方,新手做完聊天功能之后,会沾沾自喜,而不考虑最大客户连接有多少,做个实验,如果连续有四个左右的客户端同时连接到服务器端,服务器就要消耗将近200M的内存,这时机器可怕的事情,如果不做处理的话,...

    2024-04-01 01:56:21
  • idea运行报Command line is too long. Shorten command line for JeecgSystemCloudApplication

    idea运行报Command line is too long. Shorten command line for JeecgSystemCloudApplication

    报错信息 : Command line is too long. Shorten command line for JeecgSystemCloudApplication or also for Sp...

    2024-04-01 01:56:14
  • Spring Boot整合Aop实现日志记录

    Spring Boot整合Aop实现日志记录

    Spring Boot整合Aop实现日志记录

    2024-04-01 01:55:50
  • 关于图像融合

    关于图像融合

    一、概述 图像融合的目的是融合多个原图像中的冗余信息和互补信息,强化图像中的信息,以利于对图像的进一步分析。图像融合的出来可以在三个层次上来进行:像素及融合、特征及融合和决策级融合。 1、像素及融合 这是三个层次中最基本的融合,得到的结果具有更好地细节信息,如边缘、纹理的提取。这种方法尽可能多的保存原图像中的信息,使得融合后的图片不论是内容还是细节都有所增加,这个优点是独一无二的,唯一的缺陷...

    2024-04-01 01:55:44
  • 实用:在WIN的CMD上显示链接过的WIFI密码

    实用:在WIN的CMD上显示链接过的WIFI密码

    用的时候,将"WiFi名称"替换为你要查看密码的Wi-Fi网络的名称。执行该命令后,你将在输出结果中找到"关键内容"字段,其对应的值就是Wi-Fi密码。如果你要查看以前连接过的Wi-Fi密码,可以使用...

    2024-04-01 01:55:37