vue隨筆(2)-有解無憂

vue學習，參考百度，要啥功能就去百度搜，這樣開發最快了，

1.下載hbuilderX，然后新建一個vue的專案，然后要裝npm（npm是js的包管理器）

2.，，，然后不會了

還是穩扎穩打，打好基礎吧，跟著官網來吧https://v3.cn.vuejs.org/guide/introduction.html#vue-js-%E6%98%AF%E4%BB%80%E4%B9%88https://v3.cn.vuejs.org/guide/introduction.html#vue-js-%E6%98%AF%E4%BB%80%E4%B9%88

引入vue，在最最最上頭的位置加一個script

<script src="https://unpkg.com/vue@next"></script>

vue核心，先來了解一下，

它能用【很簡潔的語法】，從javaScript里面【把資料】放到【你畫的頁面】中，

代碼開頭易，先顯示個hello，gays! 舉個例子，用來映襯上面的核心，

首先畫個你的頁面（我寫個p的標簽），然后通過javaScript把他放進去，（有js基礎的同學都知道，我得在js里面宣告一個Dom，并且給p標簽一個選擇器，如id、class選擇器等，然后通過一個事件，比如點擊，或者初始化事件，把p標簽里面的內容給替換掉，如inner操作等，這樣就實作了資料的更替），

先打開index.html（隨便的一個網頁），然后代碼畫個屁出來，然后給這個屁加一點顏色，作為標記，比如給他個id叫做xiangP（里面的其它代碼都是從hbuilderX新建的一個vue3專案自動生成的，我就加了個p）

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
  </head>
  <body>
	<p id="xiangP"></p>
	
	
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

然后在你的標簽后面的代碼中給他一個vue，

	<script>
	const PClass = {
	  data() {
	    return {
	      xiangP: 'hello,gays!'
	    }
	  }
	}
	
	Vue.createApp(PClass).mount('#xiangP')
	</script>

我首先定義了一個PClass種類，然后在里面塞資料，P類中我覺得有很多屁，而xiangP只是其中之一，我給了xiangP的資料叫做hello,gays，

然后在這個類外頭，通過Vue創建一個這樣的P類，并且將他用id選擇器與我畫的p標簽進行系結，

但是問題出現了，朋友們！如果我這個Vue物件還有臭屁的屬性，那么他怎么區分，于是就尤大神（vue的創造者）就定義了一個這個格式，用來分辨是哪個Vue物件的資料和哪個資料{{屬性}}，

思考題1：如果同時我寫了2個屬性怎么辦呢？是下面的會把上面的替換嗎？（我自己想的，還沒有測）請同學們給出答案，

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/352242.html

標籤：其他

上一篇：整理一下react的知識點2（持續更新）

下一篇：JavaScript檔案物件模型document物件改變Html元素內容(3)