vue生命週期

2021-08-09 23:51:53 字數 1156 閱讀 8337

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未定義 ...