<template><div class="hello"><h1>{{ msg }}</h1><div v-once>{{msg}}</div><div @click="changeMsg()">v-once</div></div></template><script>exportdefault{
name:'HelloWorld',data(){return{
msg:'Welcome to Your Vue.js App',}},
methods:{changeMsg(){this.msg ='HiWorld'}},asynccreated(){}}</script><!-- Add "scoped" attribute to limit CSS to this component only --><style scoped>
h1, h2 {
font-weight: normal;}
ul {
list-style-type: none;
padding:0;}
li {
display: inline-block;
margin:010px;}
a {
color: #42b983;}</style>