Vue零基礎到入門 基礎

2021-10-03 14:57:03 字數 877 閱讀 5277

每個 vue 應用都是通過用 vue 函式 建立乙個新的 vue 例項開始的文件中經常會使用 vm (viewmodel 的縮寫) 這個變數名表示 vue 例項。

var vm = new vue();

此外, 乙個 vue 應用由乙個通過 new vue 建立的根 vue 例項,以及可選的巢狀的、可復用的元件樹組成。

每乙個元件也是vue的例項

當乙個 vue 例項被建立時,它將 data 物件中的所有的屬性加入到 vue 的響應式系統中。

當這些屬性的值發生改變時,檢視將會產生「響應」,即匹配更新為新的值。

資料改變時,檢視會進行重渲染。

值得注意的是只有當例項被建立時就已經存在於 data 中的屬性才是響應式的。

如果你知道你會在晚些時候需要乙個屬性,但是一開始它為空或不存在,那麼你僅需要設定一些初始值。

例外是使用 object.freeze(),這會阻止修改現有的屬性,也意味著響應系統無法再追蹤變化。

vue.$*** $後面的就是vue的例項屬性或者方法

每個 vue 例項在被建立時都要經過一系列的初始化過程。

同時在這個過程中也會執行一些叫做生命週期鉤子的函式。

生命週期函式 就是在某乙個時間點 會自動執行的函式。

主要需要了解的有八個函式(其實一共有11個)

當我們看到乙個vue指令後面跟著乙個值時候,之裡面的值就不是乙個字串了,他指的是乙個js的表示式

在vue中希望實現改變陣列頁面也改變有三種方式

1. 直接改變陣列的引用

2.呼叫陣列的一些變異方法 push pop shift unshift splice sort reverse -->

3.set的方式

vue學習的寫法來和之前的語言框架相比感覺好奇怪。。。

Vue零基礎到入門 起步

vue 不支援ie8及以下版本 我們可以用 v on 指令新增乙個事件 通過它呼叫在 vue 例項中定義的方法 v on click 可以簡寫為 click v bind title message 你看到的 v bind attribute 被稱為指令。指令帶有字首 v 以表示它們是 vue 提供...

C 零基礎到入門

1 c語言概述 2 編寫 執行乙個簡單的c語言程式 3 資料型別 4 運算子和表示式 如果你對c語言一竅不通,那你就好好看這篇文章,我會力爭讓你真正的做到從零基礎到入門,同時這篇文章會讓你基本認識什麼是c語言 當然你要是有基礎那就不用看這篇文章,include void main char u pr...

CAD零基礎入門到精通

cad軟體簡介 bai 它是 乙個視覺化的繪圖軟體du,許多命令和操作可以通過選單選zhi項和工具按鈕等多種方式實dao現。具有豐富的繪圖和繪圖輔助功能。如實體繪製 關鍵點編輯 物件捕捉 標註 鳥瞰顯示控制等,它的工具欄 選單設計 對話方塊 圖形開啟預覽 資訊交換 文字編輯 影象處理和圖形的輸出預覽...