其實兩者比較好理解,通常created使用的次數多,而mounted通常是在一些插件的使用或者組件的使用中進行操作,比如插件chart.js的使用: var ctx = document.getElementById(ID);通常會有這一步,而如果你寫入組件中,你會發現在created中無法對chart進行一些初始化配置,一定要等這個html渲染完後纔可以進行,那麼mounted就是不二之選。下面看一個例子(用組件)。
三、例子
範例
<span style="font-size:14px;">Vue.component("demo1",{
data:function(){return{
name:"",
age:"",
city:""}},
template:"<ul><li id='name'>{{name}}</li><li>{{age}}</li><li>{{city}}</li></ul>",
created:function(){this.name="唐浩益"this.age ="12"this.city ="杭州"var x = document.getElementById("name")//第一個命令臺錯誤
console.log(x.innerHTML);},
mounted:function(){var x = document.getElementById("name")/</span>/第二個命令臺輸出的結果<span style="font-size:14px;">
console.log(x.innerHTML);}});var vm =newVue({
el:"#example1"})</span>