<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>v-once</title>
</head>
<body>
<p>v-once指令只渲染元素和组件一次</p>
<div id="app">
<p v-once>{{msg}}</p>
<p>{{msg}}</p>
<p>
<input type="text" v-model="msg" name="msg">
</p>
</div>
<script src="../js/vue.js"></script>
<script>
let vm = new Vue({
el:'#app',
data:{
msg:'Hello Vue.js'
}
});
</script>
</body>
</html>
vue-入门实例2-4.html
最新推荐文章于 2024-09-12 14:28:05 发布