網上找到三種方法：
首先你務必看vue的官方文件。涉及到的基礎知識有：
繫結內聯樣式的使用
computed的使用
文件寫的都是基礎使用。那麼在專案實戰中如何使用，兩步就能實現，下面提供乙個參考方案：
需求場景：獲取當前手機螢幕高度，設定container div的可滾動區域範圍。
step1: 新增樣式繫結
class
="container"
:style=""
>
div>
step2: 新增屬性計算
在computed裡新增屬性計算。記住scrollerheight不需在data進行宣告。
computed是啥？請看看computed的使用
computed:
}
（我自己用的這種方法，很可）
如果根據父容器設定寬度，則可以將高度設定為0，並將填充-底部設定為百分比，該百分比將根據當前寬度計算：
.img-div
}
參考：設定高度等於動態寬度（css方法）
（沒有用過，僅記錄）
css 中可以使用calc()來動態設定寬高，但是，在表示式中運算子的前後必須要有空格
height
:calc
(100vh - 80px)
Vue如何設定動態寬度高度或者動態樣式
在開發過程中，很多時候都會用到動態的計算的樣式，比如寬度，高度。特別是開發後台管理系統。那麼首先你務必看vue的官方文件。涉及到的基礎知識有 需求場景 獲取當前手機螢幕高度，設定containerdiv的可滾動區域範圍。繫結高試樣式 class container style div 在comput...
Vue筆記 專案中設定mock資料
我們在使用vue寫前端專案的時候，可能會需要後端傳回來的資料來進行測試。但是有的時候我們沒有後端的環境，不能獲取到我們想要的資料。這個時候我們就需要在vue專案中設定一些假資料，即mock資料。配置完成之後，我們就可以像請求後台資料一樣，通過乙個特定的url來獲取到我們需要的mock資料，比如 ap...
Vue專案中 設定全域性變數
我們從vue cli文件中 找到這樣一句 2.又在webpack中找到provideplugin 我們就在 自己專案的vue.config.js中，書寫配置 const path require path 引入webpack const webpack require webpack module....