傳統前端工程使用 Vue 等框架重構的思路

2022-01-24 14:15:20 字數 574 閱讀 4376

這段時間遇到類似的問題,第一反應便是使用 cli 搭建專案,但是細想一下立馬否決了,原因如下:

工程量太大,猴年馬月能重構完,此期間原專案還是沒有任何變動(如果沒人跟你一起同步修改之前老專案的話

無法繼承,除非每次都單獨複製貼上,然後修改相容**,把 dist 裡面**弄過去,否則整個專案搬運過去是很繁瑣的

考慮過 submodule 方案,不靠譜,捨棄(管理成本太高

於是換種思路,恩,傳統方案用的大多是 jq 處理,那麼如果把 jq 給弄出來或者說使用 vue 替換掉,那麼答案就呼之欲出了,沒錯,直接標籤引用 vue 即可。

具體替換方案,拿程式設計師客棧的頁面舉例如下:

echo $vo["class_name"]; 

new vue()

即可。

然後當某頁面所有內容都替換完畢後,再抽成元件或獨立頁面,均可。

單頁面 => 元件

多頁面 => 獨立頁面

前端Vue框架使用思路

好久好久沒有寫部落格了,最近做了乙個使用vue框架的商場專案,此部落格把vue學習和做專案的過程整理一下。首先,在掌握html,css,j ascript 的基礎上,閱讀vue的官方文件,了解vue框架的基本語法。然後,配置vue環境,分為以下三步 1.安裝node.js,要注意node的版本問題,...

前端 vue框架

model 模型 資料 view 檢視 html 標籤,樣式 viewmodel 用來結合模型和檢視 決定資料展示在哪個標籤上 vue中的資料和頁面上標籤內容是 繫結 在一起的,模型資料發生了變動,頁面檢視也會相應變化。這種特性稱之為 響應式 框架。佔位,到模型中找相應的資料進行展示,匹配的是模型資...

前端框架 Vue

test 函式呼叫表示式var obj var arr 123,bai obj.name 屬性呼叫表示式 arr 0 屬性呼叫表示式let name wutao name 變數呼叫表示式123 數值字面量表示式 wtao 字串字面量表示式 true 布林字面量表示式 null 空表示式 undefi...