Vue開發模板簡介

2022-10-10 13:42:11 字數 724 閱讀 1794

用傳統模式引用vue.js以及其他的js檔案的開發方式,會產生一些問題。

基於頁面的開發模式:傳統的引用vue.js以及其他的js檔案的開發方式,限定了我們的開發模式是基於頁面的,而不是基於元件的,元件的所有**都直接寫在頁面中,這對於一些複雜的頁面來說,不是好事情,**的可讀性會較差,也不便於管理。

元件無法重用:傳統模式定義在html頁面中的元件,無法被其他頁面重用。我們只能通過複製貼上的方式將元件**拷貝到其他頁面,這也違反了dry原則。既然元件是vue.js的重要概念,我們就應該利用好它。

為了解決上述問題,vue.js官方提供了一些開發模板,使我們能夠快速地配置好vue.js的開發環境。基於這些開發模板,將使用.vue檔案定義元件,使元件**從html頁面**中分離出來。

vue.js官方提供的模板分類:

型別

簡單模式

完全模式

基於vue-cli和browserify的專案模板

vue-webpack-simpl

vue-webpack

基於vue-cli和webpack的專案模板

browserify-******

browserify

簡單模式:僅包含基vue.js開發必要的一些資源和包,使用該模式可以快速地投入到開發。

完全模式:除必要的資源和包外,還包括eslink、單元測試等功能。

vue專案開發流程附加模板

工程目錄說明 本地開發 構建生產 開發注意 element ui iview nrm 乙個npm倉庫管理工具 npm常用命令 開啟cmd視窗,powershell win10 視窗的快捷方式 用vue 結合element ui iview設計的用於智慧型林業產品的前端開發庫,借鑑github部分 也...

C 模板簡介(零) 簡介

首先推薦 c 官方模板介紹 sfinae 很多內容被 concepts 取代 meta programming 很多內容被 constexpr 函式取代 tuple any 看完上面介紹你就覺得全部講的毫無用處了 建議你先了解一下模式匹配與模板偏特化是什麼東西,否則你可能 4 篇文章都看不懂。模式匹...

C 模板簡介

標籤 c template 對於c 模板,之前很少使用,這裡整理下,以備後忘。先來看下面2個加法函式 int sum int a,int b double sum double a,double b 上面的2個函式,雖然它們的返回值和引數型別不一致,但函式名和函式體完全一致。如果能提煉出乙個通用函式...