vue获取当前时间的方法(vue获取网络时间戳)

一、Vue页面组成

目前的项目中,Vue页面都是采用组件套娃的形式,由一个一个的组件拼接而成整个页面。一个组件就是一个.vue文件。组件通常由template和script两部分组成:

vue获取当前时间的方法(vue获取网络时间戳)

template部分:页面展示的具体元素内容,比如文字、文本框、按钮、图片等。
script部分:页面涉及的具体方法函数、交互等代码。

template内容举例如下:

vue获取当前时间的方法(vue获取网络时间戳)

二、script内容

2.1 data()

定义页面上各个文本框的值,实现数据双向绑定并自动装填进data:

vue获取当前时间的方法(vue获取网络时间戳)

2.2 mounted()、methods

mounted里面主要定义在页面数据加载完成后执行的方法:比如你的页面已经加载完了,然后通过操作可以生成一个二维码图片,页面上需要在某个区域展示这个二维码,那么展示二维码这个方法的代码就写在mounted里面。

method里面主要定义对页面执行的所有操作,操作对应的方法函数都写在method里面:

vue获取当前时间的方法(vue获取网络时间戳)

2.3 created()

页面元素内容加载前需要执行的方法,都放在created()下面。

比如你要获取当前的时间戳,然后把时间戳赋值给页面上的某个文本框作为该文本框的初始值,那么获取当前时间戳的方法调用就要写在created()下面:

vue获取当前时间的方法(vue获取网络时间戳)

2.4 watch()

watch主要用于侦听vue实例响应数据的变化,通常用于处理一些需要动态变化的值:比如下图所示,监听activityId值的变化,并将变化后的值和merchantNo的值合并起来,作为couponCode的值:

vue获取当前时间的方法(vue获取网络时间戳)

此外watch只能监听一层,因为我们是要处理在form下的数据,一层是监听不到的,所以需要使用deep:true做深度监听。immediate:true 表示初始化的时候就监听,设为false则初始化不监听,只有数据有变化时才监听。

2.5 computed()

computed主要用于复杂的计算,并且由于有缓存机制,性能开销比较小。使用方法如下图所示:

vue获取当前时间的方法(vue获取网络时间戳)

其实简单的计算,使用methods也能达到同样的效果。但由于computed有缓存机制,只要数据层值不改变,computed就不会重新去计算一次,而methods里的函数在每次调用时都要执行,因此复杂计算时,建议使用computed:

vue获取当前时间的方法(vue获取网络时间戳)

此外在调用时,computed定义的成员像属性一样访问,methods定义的成员必须以函数形式调用。比如上图所示,调用computed直接用:{{fullName}},而调用methods则必须以函数的方式调用:{{Names()}}。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至2705686032@qq.com 举报,一经查实,本站将立刻删除。原文转载: 原文出处:

(0)
尊云-小张的头像尊云-小张
上一篇 2024 年 5 月 9 日 09:06
下一篇 2024 年 5 月 9 日 09:10

相关推荐

  • centos查看硬盘容量命令

    Centos7怎么查看服务器硬盘是多大的 有的朋友在租用了服务器后不知道自己的服务器硬盘和商家所说的是否一致以及怎么查看硬盘使用了多少空间了呢? 如何查看硬盘大小? fdisk -l 如图可以看出咱们硬盘大小 怎么查看硬盘使用了多少空间了呢? df -h 如下图可以看到咱们硬盘的使用率 以上就是centos7怎么查看服务器硬盘是多大的详细内容,更多请关注18…

    2024 年 4 月 27 日
    000
  • linux查找大文件命令find

    摘要:在Linux系统中,经常需要查找某个文件或者目录,这时就需要用到find命令了。find命令的功能是根据给定的路径和条件查找相关文件或目录,使用参数很多,并且支持正则表达式,结合管道符后能够实现更加复杂的功能。 本文主要介绍find命令的使用技巧,详细内容请参考下文。 一、访问Linux 1.登录linux 2.查看find命令 二、Find命令介绍 …

    2024 年 5 月 1 日
    000
  • mysqlavg函数用法(Mysql内置函数有哪些)

    MySQL是一个流行的关系型数据库管理系统,它提供了许多内置函数,可以用于处理和操作数据。以下是一些常用的MySQL函数及其使用方法: COUNT函数:用于计算指定列中的行数。语法为COUNT(column_name),其中column_name是要计算的列名。 SUM函数:用于计算指定列中所有行的总和。语法为SUM(column_name),其中colum…

    2024 年 5 月 13 日
    200
  • redis设置开机自启动后无法自启动

    Redis安装部署 下载编译 *本测试系统环境为:CentOS_7_2009,X86_64 下载源码包:https://redis.io/download 上传离线压缩包或者下载到公共目录:/usr/local/redis/ $ cd /usr/local/redis/ $ wget https://download.redis.io/releases/re…

    2024 年 4 月 27 日
    1300
  • tcping安装Windows(windows无法启动tcp服务)

    简介在网络工程师的日常工作中,经常需要检测网络连接的可用性和延迟情况。默认情况下,我们可以使用系统的 telnet 工具,但并不直观。 而 TCPing 这个工具可以帮助网络工程师轻松实现这一目标。本文将介绍 TCPing 的使用方法、优点,并对类似工具进行对比,帮助读者更好地了解 TCPing 及其在解决网络问题中的价值。 使用方法 TCPing 是一个基…

    6天前
    1200

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

400-900-3935

在线咨询: QQ交谈

邮件:cong@zun.com

工作时间:365天无休服务 24小时在线

添加微信