vue基礎基礎之基基礎

2021-09-26 02:34:20 字數 736 閱讀 4025

目錄

1，引用

2，例項化

3，資料定義和使用

4，函式的定義和使用

5，資料的改變方式

6，原生js如何輸出vue中的data資料

7,vue中系統屬性的使用

每個vue應用都需要通過例項化vue來實現

語法：

var myvue = new vue()
注意：若id重複，則以第乙個為準

也可以在外邊定義：

注意：呼叫函式時，小括號得寫上

}

myvue.site = "改變了"
如果資料定義在外邊，則也可以：

shuju.site = "改變了"
document.getelementbyid("test").innerhtml = myvue.site
除了資料屬性，vue例項還提供了一些有用的例項屬性與方法，他們都以$為字首，以便於使用者定義的屬性區分開

document.write(myvue.$data+"


")document.write(myvue.$el)


[object object]


[object htmldivelement]

VUE之元件基礎篇

任何乙個頁面我們都可以看做成無數個元件的構成，但是元件只能有乙個根元素，也就是說我們需要將乙個大的div把它整個包起來，元件化的方式可以讓很多 進行復用，例如類似的表單註冊乙個元件後，只需要將元件名作為乙個標籤使用即可達到想用的效果。可以看出，註冊元件時傳入的配置和建立vue例項差不多，但也有不同，...

Vue基礎之資料繫結

我們學習一門新語言或者框架時，第一件事是什麼呢，那必然是向世界say hello。建立乙個vue應用 話不多說，先上 讓我們感受一下vue的核心功能 data 當修改輸入框內容時，h1標籤內容也做相應改變，雖然 很簡單，還是能體會到雙向繫結的精髓。雙向繫結 面試考點 傳入el，el是vue物件中必不...

vue學徒之基礎配置

對於乙個專案而言，會有自己的一套顏色體系，這個時候會在src資料夾下建立乙個styles，來存放我們的一些對於樣式的基本設定，我在專案中使用scss來編寫html樣式，有層次感並且上手簡單。建立base.color.scss檔案，primarycolor 3f51b5 accentcolor 9e9...