基本指令v-once
基本指令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相关推荐
- Intel 64/x86_64/IA-32/x86处理器 - 指令格式(4) - 8086/16位指令操作码字节
第一字节(BYTE1) 指令定义了处理器要执行的操作,例如ADD,XOR,HLT等.操作码通常位于第一字节,某些指令的操作码会扩展到第二字节(即ModR/M字节)的REG域,故有时候REG域也被称为R ...
- vue给元素添加指令_Vue指令动态模糊元素
vue给元素添加指令 v模糊 (v-blur) Vue directive to blur an element dynamically. Useful to partially hide eleme ...
- 飞腾CPU体系结构之低功耗指令
飞腾CPU体系结构之低功耗指令 WFE和WFI指令 当飞腾CPU核执行两类指令:WFE或WFI之后,CPU核会进入低功耗状态: 一旦CPU核进入低功耗状态,就要一直保持低功耗状态直到相应的唤醒事件发生 ...
- NuttX 启动流程
(嵌入式 实时操作系统 rtos nuttx 7.1 stm32 源代码分析) NuttX 启动流程 转载请注明出处: http://blog.csdn.net/zhumaill/article/de ...
- ARM汇编编程基础之一 —— 寄存器
ARM的汇编编程,本质上就是针对CPU寄存器的编程,所以我们首先要弄清楚ARM有哪些寄存器?这些寄存器都是如何使用的? ARM寄存器分为2类,普通寄存器和状态寄存器 寄存器类别 寄存器在汇编中的名称 ...
- vi 编辑器命令 (share)
转自:http://man.ddvip.com/soft/vieditor/vi.html 一.Unix编辑器概述 编辑器是使用计算机的重要工具之一,在各种操作系统中,编辑器都是必不可少的部件.Uni ...
- tar [-zxcvfpP]语法
tar: 語法: [root @test /root ]# tar [-zxcvfpP] filename [root @test /root ]# tar -N 'yyyy/mm/dd' /path ...
- Android 系统(77)---MVC,MVP,MVVM的区别
MVC,MVP,MVVM的区别 一.MVC 软件可以分为三部分 1.Model:模型层,负责处理数据的加载或者存储 2. View:视图层,负责界面数据的展示,与用户进行交互 3.Controll ...
- 主机 700 主控制台重连
设备编号 700 主控制台 正常在主机起机前会先打开,然后才 IPL,用来接收主机主控输出 但有时候不小心关了或起机前忘了打开 可以用下面方式重连 可以在 hercules 里面用 以下 EXT 指令 ...
- 《嵌入式》复习资料公共版
嵌入式 期末复习资料,把word文件摘录到博客中.许多内容很有用. 第一章 根据IEEE(国际电气和电子工程师协会)的定义: v 嵌入式系统是"用于控制.监视或者辅助某个设备.机器或工厂运 ...
最新文章
- 听说你是参加智能车比赛的?
- Altium Designer多通道设计原理图添加端口
- 一个springboot能支持多少并发_多少彩礼能娶一个西安女孩?
- $ionicPopup
- Python3 三步爬楼梯问题
- 经典回溯之火柴拼正方形
- vue-router之路由钩子(八)
- 智能手机市场输家和赢家:Android手机厥后居上
- matlab之结构体的创建与存储(CSV数据)
- WebStorm-2018.2.2配置
- ubuntu查看本地ip
- 明源软件诚聘.NET软件开发工程师
- POJ3278抓牛Catch That Cow
- Web前端——移动端页面开发
- Linux下time/timestamp相关。
- Codeforces-715A-Plus and Square Root(找规律)
- 石头剪刀布Java实现
- 编程开发学习笔记之程序员如何用1年时间获得3年成长(图)
- 【测试报告】Java文档搜索引擎性能测试报告
- java 两个页面传递数据,怎么将一个页面的数据传给另外个页面
热门文章
- 实验室三废如何处理?实验室废弃物处理方法有哪些TENAISU
- PD详解—第一章—Type-C连接
- java BufferedWriter写数据不完全
- 为什么软件开发论让你觉得糟糕?
- 高德地图api 地理编码(地址-->坐标)geocoder.getLocation在官方可以测试出结果,下载代码到本地却用不了 问题解决
- 在Word 2003中快速去掉页眉横线
- HTML数字以1开头怎么设置,wps表格输入以0为开头的数字(001)会直接变成1
- ftp服务器信息安全,FTP服务器架设教程之安全篇
- eclipse新版本Dynamic web project的文件夹组成
- 结合多元回归和累计均值回归建立日常支出预测模型