以上是我們場景當中遇到的需要摺疊的資料
由場景所知，我們可以通過包裹乙個div標籤，然後動態的更改div標籤中的內容，來完成乙個點選不同的模組顯示對應的內容的操作
首先進行new例項
new vue(
})
created ()
}).then(res => )
}}
下面我們就可以通過css3來實現動態展開的效果了
可以給div增加內聯樣式
}
}
.introduce此時呢，我們就發現了乙個很大的bug，就是文字內容是可能不一樣長的，這也就導致，我們把高度寫死的話，內容多的會顯示不全，直接影響了使用者的體驗。
有多種方法，我在這裡分享的是通過ref鏈來解決這個問題。
直接綁頂乙個p標籤來包裹我們要寫入的內容，然後填入div中，這時，即便我們給外盒子div新增乙個overflow:hidden的屬性，它裡面p標籤被內容撐開的高度是不會變的，所以我們可以通過這一特性，來獲取到p標籤的高度後，再進行乙個高度回填，來完成動態展開摺疊的這樣乙個操作。
並且給p標籤設定乙個ref = 'text'，下面只展示第二段比較長的資料來進行演示
}
updated ()}
.text
} -->}}
vue專案變桌面應用。
公司提出來乙個需求，要把vue專案變成桌面應用，面對這樣的需求，我也是小白乙個，看啦100多帖子，沒找到乙個是可以按照步驟直接成功的。今天自己總結啦乙個線上版本的。第一步 拉官方 安裝依賴。1 git clone 2 開啟拉下來的 3 npm install第二步 找到你們專案部署在nginx的位址...
vue元件化專案應用的問題
最近一周都在回顧年前的專案，其中的乙個用vue做的專案，發現了很多可以優化的問題 元件化的拆分，記得之前剛入職工作的時候，部門老大給我們布置了乙個任務，就是拆分頁面，當時覺得有什麼還拆分的，不就是直接寫?來到北京之後，恰巧是公司業務比較急的時候，拿到需求之後，看到頁面就直接去寫了，因為業務的需要，當...
vue單頁面應用專案優化總結
這是之前在公司oa專案優化時羅列的優化點，基本都已經完成，當時花了點心思整理的，儲存在這裡，方便以後其他專案用到查漏補缺。16 引用路徑優化 webpack.base.conf.js resolve.alias 17 webpack 解析模組時應該搜尋的目錄優化 webpack.base.conf....