以前都是支持 司徒正美 的，畢竟咱們也是跟著 司徒正美 一起走進了前端的世界。所以一般MVVM都是用avalon的，當然也是考慮到項目需要支持IE6,7,8的考慮。當然在用的時候也有一些小坑和bug,都處理了。今年正美正好升級avalon2.0，加入虛擬dom的時候，不穩(wěn)定了，就考試尋找其他的mvvm框架。

招遠ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

看了比較流行的一些框架，最后選擇了vue。選擇他的原因是 文檔比較全，而且還有中文的（你懂的），生態(tài)圈比較好，有vux, vue-loader, vue-router ,組件化設計的也很好。

項目搭建的時候主要還是通過requirejs進行js模塊加載（還沒接觸webpack，以前都是avalon+requirejs,習慣性思維了,下面就寫寫心路歷程吧)

方案1，考慮能不能通過寫個 requirejs 插件進行vue組件文件的加載

失敗，主要是vue組件文件有template,script,style標簽標簽，主要通過requirejs，讀取vue文件string文件進行正則分析在轉換js, 有點舍近求遠的方法,而且這種方式只能同域名ajax請求

方案2，通過編寫gulp插件，將vue文件轉換為可以通過requirejs加載的js文件。

這個方案是可行的，只是template,script,style信息，需要通過正則匹配，在動態(tài)載入到當前文檔中，只是有些公用方法頻繁調(diào)用。

所以加入了vueComment文件，把動態(tài)加入的方法整理在一起

define(['Vue'], function (Vue) {
  Vue.appendHTML = function (text) {
    document.body.insertAdjacentHTML('beforeEnd', text);
  };
  var style;
  var doc = document;
  Vue.appendCSS = function (text) {
    text = text + " ";
    if (!style) {
      var head = doc.getElementsByTagName("head")[0]; 
      var elms = head.getElementsByTagName("style"); 
      if (elms.length == 0) {
        if (doc.createStyleSheet) {
          doc.createStyleSheet(); 
        } else { 
          var tmp = doc.createElement('style');
          tmp.setAttribute("type", "text/css"); 
          head.appendChild(tmp); 
        }
        elms[0].setAttribute("media", "screen"); 
      } 
      style = elms[0];
    }
    if (style.styleSheet) {
      style.styleSheet.cssText += text; 
    } else if(doc.getBoxObjectFor) { 
      style.innerHTML += text;
    } else { 
      style.appendChild(doc.createTextNode(text)) 
    } 
  };
　　
});

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.chinadenli.net，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)站標題：requirejs+vue項目搭建詳解-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://www.chinadenli.net/article42/cchchc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、手機網(wǎng)站建設、靜態(tài)網(wǎng)站、品牌網(wǎng)站設計、品牌網(wǎng)站制作、網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)