beforecreate:元件例項剛剛被建立,屬性都沒有;
create:例項已經建立完成,屬性已經繫結;????
beforemount: 模板編譯之前;
mounted:模板編譯之後; ??/?
beforeupdate:元件更新之前;
updated:元件更新完畢;
beforedestroy 元件銷毀之前;
destroyed:元件銷毀後;
type="button" @click="getinfo">更新
type="button" @click="destroy">銷毀
} new vue(,
methods:,
destroy:function
() },
destroyed:function
() })
class="container
text-center">
div>
varvue(,
methods: ).then(function
(data))}},
created:function
() });
tips:es6
『use strict』:啟用嚴格模式(在老的瀏覽器要用)
es6提供了兩個定義變數的方式,不再有var 宣告變數的方式;
const:定義常量的,只可獲取,不可設定;
let:定義變數的,一旦遇到{},就賦予了let定義變數的作用域
eg; const num=10;
console.log(num);10
let n=10;
n=20;
console.log(n);
if(true)
console.log(m1);
if(true)
模板字串就是為了解決傳統繁瑣字串拼接的問題;
奧森圖示的使用情況;
class="fa fa-video-camera fa-5x">
i>
然後設定fa-5x的font-size的大小;
font-size:8rem;
vue生命週期
vue把整個生命週期劃分為建立 掛載 更新 銷毀等階段,每個階段都會給一些 鉤子 讓我們來做一些我們想實現的動作。學習例項的生命週期,能幫助我們理解vue例項的運作機制,更好地合理利用各個鉤子來完成我們的業務 我們分別來看看這幾個階段 1.beforecreate 此階段為例項初始化之後,此時的資料...
Vue 生命週期
import vue from vue el root 沒有的話,使用render,繼續沒有,就把el的outerhtml編譯成模板 template temp data beforecreate created el是原來的el beforemount 渲染函式 render h this.tex...
Vue生命週期
vue生命週期 beforecreate created beforemount mounted beforeupdate updated beforedestroy destoryed beforecreate data el均未定義 created data已繫結,掛載階段還未開始 el未定義 ...