v-once 한번만 랜더링

<template>

  <h1 @click="add()" v-once>{{ msg }}</h1>

</template>

<script>

export default {

  data(){

    return {

      msg : 'Hello Vue?!'

    }

  },

  methods:{

    add(){

      this.msg += '!'

    }

  }

}

</script>

<style lang="scss">

  h1{color : royalblue}

</style>

저거 처음에만 딱 한번 랜더링 되고 그 이후로 저 부분은 안바뀜.

그냥 딱 처음에 랜더링 한번 하고 마는거임.