<h5>2.响应式数据:</h5>
<p>age:{{age}}</p>
<pre>注意:mounted声明周期——页面挂载时触发事件</pre>
<script type="text/javascript">
//响应式数据
const ages = {
data(){
return{
age:0
}
},
mounted(){
setInterval(()=>{
this.age++
},1000)
}
}
Vue.createApp(ages).mount("#app p");
</script>
交互效果见:https://course.51qux.com/vue3-0-1
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章
原始出处 、作者信息和本声明。否则将追究法律责任。
转载请注明来源:
初识Vue 3.0 —— {{ }} 响应式数据 -
Qui-Note