vue基礎內容總結(四)

2021-09-27 03:49:09 字數 1278 閱讀 3753

每個 vue 應用都是通過用 vue 函式建立乙個新的 vue例項開始的:

var vm = new vue({

// 選項

雖然沒有完全遵循mvvm 模型,但是 vue 的設計也受到它的啟發。當建立乙個 vue 例項時,可以傳入乙個選項物件

乙個 vue 應用由乙個通過 new vue 建立的根vue例項,以及可選的巢狀的、可復用的元件樹組成。舉個例子,乙個todo應用的元件樹可以是這樣的:

根例項

└─ todolist

├─ todoitem

│ ├─ deletetodobutton

│ └─ edittodobutton

└─ todolistfooter

├─ cleartodosbutton

└─ todoliststatistics

我們現在只要明白,所有的 vue 元件都是 vue 例項,並且接受相同的選項物件(一些根例項特有的選項除外)。

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

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

如上圖,當這些資料改變時,檢視會進行重新渲染。值得注意的是,只有當例項被建立時就已經存在於 data中的屬性才是響應式的。也就是說如果你新增乙個新的屬性,比如:

vm.b = 'hi'

那麼對 b 的改動將不會觸發任何檢視的更新。如果你知道你會在晚些時候需要乙個屬性,那麼一開始它為空或不存在,那麼你僅需要設定一些初始值。比如:

data: {

newtodo: '',

visitcont: 0,

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

除了資料屬性,vue 例項還暴露了一些有用的例項屬性與方法,它們都有字首 $ ,以便與使用者定義的屬性區分開來。例如:

vue基礎總結

vuejs的核心是乙個允許使用簡潔的模板語法宣告式的將資料渲染進dom元素的系統 1.基礎構建 vuejs引入 宣告資料 2.使用簡潔的語法將資料渲染進模板 文字插值 v html 將值作為html的形式插入當前dom元素 v text 將值作為文字的形式插入當前dom元素 v bind 屬性名 值...

Vue基礎語法(四)

vue的生命週期鉤子函式 所有的生命週期鉤子自動繫結this到上下文例項中,因此可以訪問資料對property和方法進行運算,這意味著不蹦使用箭頭函式來定義乙個生命週期方法。參考官方文件 生命週期圖 生命週期鉤子一共有十乙個,這裡只寫八個 template div div template scri...

go基礎內容總結

最近學習了go語言,對基礎知識進行了一些總結 1.檔名小寫,長名時以下劃線分割,擴充套件名為go 2.空白識別符號,值會被拋棄。3.常量的定義格式 const identifier type value 例如 const pi string 3.14159在 go 語言中,你可以省略型別說明符 ty...