基本指令v-once

  v-once 也是一个不需要表达式的指令,作用是定义它的元素或组件只渲染一次,包括元素或 组件的所有子节点。首次渲染后,不再随数据的变化重新渲染,将被视为静态内容
  下面示例,原本是每一秒展示动态随机数,但是因为使用v-once 首次渲染后,就不在改变数字了

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div id="app" ><span v-once>{{message}}</span></div><script src="vue.js"></script><script>var app = new Vue({el:"#app",data:{message:0},mounted(){_this = this;// 这样才可以指向vue实例this.timer = setInterval(function(){_this.date = new Date();_this.message = Math.random() },1000);}})</script><!-- v-once 也是一个不需要表达式的指令,作用是定义它的元素或组件只渲染一次,包括元素或 组件的所有子节点。首次渲染后,不再随数据的变化重新渲染,将被视为静态内容 原本是每一秒展示动态随机数,但是因为使用v-once 首次渲染后,就不在改变数字了-->
</body>
</html>

  展示效果:

基本指令v-once相关推荐

  1. Intel 64/x86_64/IA-32/x86处理器 - 指令格式(4) - 8086/16位指令操作码字节

    第一字节(BYTE1) 指令定义了处理器要执行的操作,例如ADD,XOR,HLT等.操作码通常位于第一字节,某些指令的操作码会扩展到第二字节(即ModR/M字节)的REG域,故有时候REG域也被称为R ...

  2. vue给元素添加指令_Vue指令动态模糊元素

    vue给元素添加指令 v模糊 (v-blur) Vue directive to blur an element dynamically. Useful to partially hide eleme ...

  3. 飞腾CPU体系结构之低功耗指令

    飞腾CPU体系结构之低功耗指令 WFE和WFI指令 当飞腾CPU核执行两类指令:WFE或WFI之后,CPU核会进入低功耗状态: 一旦CPU核进入低功耗状态,就要一直保持低功耗状态直到相应的唤醒事件发生 ...

  4. NuttX 启动流程

    (嵌入式 实时操作系统 rtos nuttx 7.1 stm32 源代码分析) NuttX 启动流程 转载请注明出处: http://blog.csdn.net/zhumaill/article/de ...

  5. ARM汇编编程基础之一 —— 寄存器

    ARM的汇编编程,本质上就是针对CPU寄存器的编程,所以我们首先要弄清楚ARM有哪些寄存器?这些寄存器都是如何使用的? ARM寄存器分为2类,普通寄存器和状态寄存器 寄存器类别 寄存器在汇编中的名称 ...

  6. vi 编辑器命令 (share)

    转自:http://man.ddvip.com/soft/vieditor/vi.html 一.Unix编辑器概述 编辑器是使用计算机的重要工具之一,在各种操作系统中,编辑器都是必不可少的部件.Uni ...

  7. tar [-zxcvfpP]语法

    tar: 語法: [root @test /root ]# tar [-zxcvfpP] filename [root @test /root ]# tar -N 'yyyy/mm/dd' /path ...

  8. Android 系统(77)---MVC,MVP,MVVM的区别

    MVC,MVP,MVVM的区别 一.MVC 软件可以分为三部分 1.Model:模型层,负责处理数据的加载或者存储  2. View:视图层,负责界面数据的展示,与用户进行交互  3.Controll ...

  9. 主机 700 主控制台重连

    设备编号 700 主控制台 正常在主机起机前会先打开,然后才 IPL,用来接收主机主控输出 但有时候不小心关了或起机前忘了打开 可以用下面方式重连 可以在 hercules 里面用 以下 EXT 指令 ...

  10. 《嵌入式》复习资料公共版

    嵌入式 期末复习资料,把word文件摘录到博客中.许多内容很有用. 第一章 根据IEEE(国际电气和电子工程师协会)的定义: v  嵌入式系统是"用于控制.监视或者辅助某个设备.机器或工厂运 ...

最新文章

  1. 听说你是参加智能车比赛的?
  2. Altium Designer多通道设计原理图添加端口
  3. 一个springboot能支持多少并发_多少彩礼能娶一个西安女孩?
  4. $ionicPopup
  5. Python3 三步爬楼梯问题
  6. 经典回溯之火柴拼正方形
  7. vue-router之路由钩子(八)
  8. 智能手机市场输家和赢家:Android手机厥后居上
  9. matlab之结构体的创建与存储(CSV数据)
  10. WebStorm-2018.2.2配置
  11. ubuntu查看本地ip
  12. 明源软件诚聘.NET软件开发工程师
  13. POJ3278抓牛Catch That Cow
  14. Web前端——移动端页面开发
  15. Linux下time/timestamp相关。
  16. Codeforces-715A-Plus and Square Root(找规律)
  17. 石头剪刀布Java实现
  18. 编程开发学习笔记之程序员如何用1年时间获得3年成长(图)
  19. 【测试报告】Java文档搜索引擎性能测试报告
  20. java 两个页面传递数据,怎么将一个页面的数据传给另外个页面

热门文章

  1. 实验室三废如何处理?实验室废弃物处理方法有哪些TENAISU
  2. PD详解—第一章—Type-C连接
  3. java BufferedWriter写数据不完全
  4. 为什么软件开发论让你觉得糟糕?
  5. 高德地图api 地理编码(地址-->坐标)geocoder.getLocation在官方可以测试出结果,下载代码到本地却用不了 问题解决
  6. 在Word 2003中快速去掉页眉横线
  7. HTML数字以1开头怎么设置,wps表格输入以0为开头的数字(001)会直接变成1
  8. ftp服务器信息安全,FTP服务器架设教程之安全篇
  9. eclipse新版本Dynamic web project的文件夹组成
  10. 结合多元回归和累计均值回归建立日常支出预测模型