# 實例生命周期鉤子-ta3
> 代碼：
~~~
<template>
<div id="appa3">
<span id = "test">test</span>
</div>
</template>
<script>
export default {
mounted : function () {
document.getElementById("test").style.display ="block";
document.getElementById("test").style.color ="red";
},
created: function () {
//document.getElementById("test").style.display ="block";
//document.getElementById("test").style.color ="blue";
}
}
</script>
~~~
> 結果如圖：
