4.v-once指令
- 執行一次性的插值【當資料改變時,插值處的內容不會繼續更新】
v-once的應用場景:如果顯示的資訊後續不需要再修改,你們可以使用v-once,這樣可以提高效能。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app">
<div>{{msg}}</div>
<!-- 即data裡面定義了info 後期我們修改了 仍然顯示的是第一次info裡面儲存的資料即 nihao -->
<div v-once>{{info}}</div>
</div>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
/*
v-once的應用場景:如果顯示的資訊後續不需要再修改,你們可以使用v-once,這樣可以提高效能。
*/
var vm = new Vue({
el: '#app',
data: {
msg: 'Hello Vue',
info: 'nihao'
}
});
</script>
</body>
</html>
相關文章
- 指令
- 【Linux】find指令和grep指令!!!Linux
- 庫物件指令碼抽取指令碼物件指令碼
- 巧用shell指令碼生成快捷指令碼指令碼
- DOCKERFILE的CMD指令和ENTRYPOINT指令Docker
- 生成insert指令碼的指令碼指令碼
- SCSS @if() 指令CSS
- SCSS @for 指令CSS
- jcxz指令
- MOV指令
- invokespecial指令
- doc指令
- 常用指令
- [指令碼例項]——統計系統資訊指令碼指令碼
- 前端js指令碼與防止js指令碼前端JS指令碼
- iOS逆向 Shell指令碼+指令碼重簽名iOS指令碼
- 常用指令碼學習手冊——Bat指令碼指令碼BAT
- Shell指令碼匯入外部指令碼內容指令碼
- 指令碼新選擇——用C做指令碼指令碼
- 史丹佛新作:無指令調優的指令遵循
- ORG 偽指令
- perl指令碼指令碼
- npm常用指令NPM
- nginx location指令Nginx
- Dockerfile常用指令Docker
- git 指令速查Git
- calico 指令速查
- Git 常用指令Git
- SCSS @while指令CSSWhile
- Git指令大全Git
- ubuntu常用指令Ubuntu
- Bash指令碼指令碼
- Nmap指令整理
- git常用指令Git
- Sybase 常用指令
- java 指令碼Java指令碼
- JMeter指令碼JMeter指令碼
- vue基本指令Vue