div設定高度 vue 二 Vue 頁面渲染過程

2021-10-13 20:49:55 字數 1092 閱讀 7576

上篇博文我們依葫蘆畫瓢已經將hello world 展現在介面上啦,但是是不是感覺新虛虛的,總覺得這麼多檔案,專案怎麼就啟動起來了呢?怎麼訪問到8080 埠就能進入到我們的首頁呢。整個的流程是怎麼樣的呢?

我也是剛剛接觸,所以就會有這樣的困惑,所以這篇就簡單的理解一下專案頁面渲染的過程。

我們上篇文章說main.js 是無用的,是廢**,只是起到支撐框架的。但是其實我們應該有感覺,把他刪除了整個專案就跑步起來了。其實main.js 算是專案的入口了。我們就從這個檔案看起。

new vue()
上面這些,如果完全沒有vue 語法知識的話,確實不知道什麼意思,但是我們看官網教程,起步的時候都是在當個html 檔案中使用vue 的。在js 中就會用到這個。

可以看到,其實都是差不多的,所以這裡的作用就是例項化乙個vue。當然我們專案中,這裡是為整個專案例項化了乙個vue ,el 指定的元素,這裡就是我們index.html 中的div啦。

所有的 router-view 中的內容,都會被自動替換。script 中的**則是指令碼**。

我們專案的流程就講到這裡把,算是對上篇的補充,讓我們對專案啟動,介面渲染算是有乙個大概的了解啦,我們接下來就按照官網上講一下vue 的一些語法和特性,但是與官網上不同的是,官網上都是乙個個的html,而我們就在這個專案的基礎的上。將會是乙個個的vue 檔案。

**上傳到github:

後續加油♡

如果大家喜歡記得關注和分享喲❤

DIV設定最小高度

本文和大家重點討論一下如何控制div最小高度又div自適高度問題,如果我們需要設定乙個div高度,當裡面的東西超過這個高度時,讓這個容器自動被撐開,也就是div自適應高度。當裡面的資訊很少時候,我們就設定它乙個最小的固定高度。如何控制div最小高度又div自適高度 我們在用div布局的時候經常會遇到...

設定div 高度 總結

如果將div 的height 設定為固定的畫素值,在不同解析度的顯示屏上,會看到 div 在瀏覽器上的高度不一致。可以以百分比的形式設定 div 的高度。注意,這個百分比是針對 div 的上一層標籤而言的,如果當前 div的上一層標籤的 height 為 100px 那麼當前標籤設定 hight 為...

vue中 div高度隨另乙個div的高度變化

最近做了好幾個專案,終於把手裡的事情幹完了,趁著這幾天比較空整理一下最近遇到的一些問題以及解決方案。in wrap的高度不固定,會隨著內容的多少改變,而out wrap的高度則需要跟隨in wrap的變化而變化,如下 out wrap id out border6 div in wrap text ...