十三、vue物件的操作
1.可以通過乙個vue物件操作另外乙個vue物件
2.vue物件操作另乙個vue物件的內容,維度有兩個,操作屬性、操作方法。
這些屬性是data或者computed裡面定義的屬性。
3.vue的例項屬性
直接通過物件.的方式呼叫的屬性,是來自data或者computed中的屬性,但是vue物件中的el、data等等這些鍵也稱為屬性,這些屬性就是vue物件的例項屬性!
注意:1)ref的使用
在vue裡面,往往使用ref屬性來代替id屬性的使用,那麼就可以快速通過呼叫ref的值來獲得頁面中的某個元素。
2)mount的使用
實現了頁面元素和vue物件的動態繫結,之前都是通過el的方式來繫結,也可以通過mount例項屬性進行繫結。
十四、vue的元件
之前提到的vue的一大特性:元件化,也就是可以將vue物件作為乙個元件,被反覆的使用。
要想實現元件化,需要在頁面中註冊元件:關於註冊的方式有兩種,分別是全域性註冊和本地註冊。
1.註冊元件:(全域性註冊)
vue.component("元件名",)
2.使用元件
在被vue繫結了的html元素中才能使用元件。如果乙個div沒有被vue繫結,那麼這個div中不能使用之前註冊的元件。
注:只有div被vue繫結,才能使用vue的元件。
3.作為元件的vue物件的特點
1)特點1
vue.component("元件名",),這個vue物件和之前的vue物件的data例項屬性的寫法是有區別的。
new vue(
})元件內寫法:
new vue(}})
2)特點2
這種元件中template的寫法
template是將內容展現在頁面上的乙個鍵。值是乙個字串。一定要注意一點:template裡必有有且只能有乙個根元素。
這種寫法是錯誤的:
template:"}點我",
應該這麼寫:
template:"}點我
",
vue筆記總結
當乙個 vue 例項被建立時,它將data物件中的所有的屬性加入到 vue 的響應式系統中。當這些屬性的值發生改變時,檢視將會產生 響應 即匹配更新為新的值。當這些資料改變時,檢視會進行重渲染。但是只有當例項被建立時就已經存在於data中的屬性才是響應式的。也就是說如果你對於某個data中的物件新增...
Vue基礎學習7
webpack是乙個前端資源模組化載入器和打包工具,它能夠把各種資源作為模組來使用和處理,實際上,它是通過不同loader將這些資源載入之後打包的,然後輸出打包後的檔案。他就是乙個模組載入器。1 通過npm init生成package.json檔案 需要對立面的一些節點進行修改 安裝相關模板 這裡是...
VUE學習總結
對vue近半年的學習,用過iview,elment admin,mand mobile,從無到有,自己一步步搭建腳手架,直接下 自己打包,部署前後端分離。其他基於vue移動端框架都有研究,只是知道會用,其他的沒有深入了解。感覺所有框架都大同小異。同 用vue技術語法,實現前端效果。資料繫結,資料驅動...