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

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

1. 工程量太大，猴年馬月能重構完，此期間原項目還是沒有任何變動（如果沒人跟你一起同步修改之前老項目的話
2. 無法繼承，除非每次都單獨復制粘貼，然后修改兼容代碼，把 dist 里面代碼弄過去，否則整個項目搬運過去是很繁瑣的
3. 考慮過 submodule 方案，不靠譜，舍棄（管理成本太高

於是換種思路，恩，傳統方案用的大多是 JQ 處理，那么如果把 JQ 給弄出來或者說使用 Vue 替換掉，那么答案就呼之欲出了，沒錯，直接 <sciprt src="vue.xxx.js"></script> 標簽引用 Vue 即可。

具體替換方案，拿程序員客棧的頁面舉例如下：

<div id="test">{php} echo $vo["class_name"]; {/php}</div>

<!-- 替換 -->
new Vue({
    el: '#test',
    // todo...
})

即可。

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

單頁面 => 組件

多頁面 => 獨立頁面