Vue中的语法

v-once

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">
  <h1>{{message}}</h1>
  <h1 v-once>{{message}}</h1>
</div>

<script src="../js/vue.js"></script>

<script>
    const app = new Vue({
        el: '#app',
        data: {
            message: '你好啊',
            firstName: 'kobe',
            lastName: 'bryant',
            counter: 100
        }
    })
</script>
</body>
</html>

然后配合浏览器上的开发者设置

 

 

 

这个发生了改变

posted @ 2021-01-23 13:59  King-DA  阅读(110)  评论(0)    收藏  举报