關於在伺服器端用vuejs,並希望能在伺服器端把頁面渲染出來的若干問題,謝謝

來源:互聯網
上載者:User

首頁,我想我尋求的這個應該是個臨界於依賴php模板渲染頁面和SPA之間的一個過渡的方案吧,我打算把這一步步的變化都測試下;
也是繼 http://segmentfault.com/q/1010000004067025 這個問題進一步的思考;

1.模組化 or 單檔案組件化 ?

  • 在伺服器端渲染的頁面,用上vue的模組化或.vue單檔案組件化來處理資料,輸出的是完整的Html嗎?還是說會傳到用戶端去渲染?

  • 主要是對於.vue的組件化的,把php出來的資料交給window(無法直接嵌入php資料),綁給vue,這會是在伺服器端渲染嗎?

  • 模組化還是可以直接嵌入php資料的話,那應該還是會輸出html來吧?

  • 如果交給node層來渲染是不是直接就出了html?

2.前端vue與模板的關聯方法:多blade模板 or 單個blade模板(PHP架構laravel內建模板引擎)?

  • 使用多個Blade模板渲染,但都包含同一個入口,然後每次去調用不同的組件來使用,是否會把多餘的組件一同打包進來?是不是有更好地方法?

  • 使用單Blade模板渲染,對應多個入口,根據每次的不同參數引入不同入口從而來渲染頁面,是否可行?

1和2的問題將配合進行,並且裡面可交叉,那哪一種是更好的方案呢?

謝謝!可能說的有點亂,想試試這種過渡方案的具體實現方案。

回複內容:

首頁,我想我尋求的這個應該是個臨界於依賴php模板渲染頁面和SPA之間的一個過渡的方案吧,我打算把這一步步的變化都測試下;
也是繼 http://segmentfault.com/q/1010000004067025 這個問題進一步的思考;

1.模組化 or 單檔案組件化 ?

  • 在伺服器端渲染的頁面,用上vue的模組化或.vue單檔案組件化來處理資料,輸出的是完整的Html嗎?還是說會傳到用戶端去渲染?

  • 主要是對於.vue的組件化的,把php出來的資料交給window(無法直接嵌入php資料),綁給vue,這會是在伺服器端渲染嗎?

  • 模組化還是可以直接嵌入php資料的話,那應該還是會輸出html來吧?

  • 如果交給node層來渲染是不是直接就出了html?

2.前端vue與模板的關聯方法:多blade模板 or 單個blade模板(PHP架構laravel內建模板引擎)?

  • 使用多個Blade模板渲染,但都包含同一個入口,然後每次去調用不同的組件來使用,是否會把多餘的組件一同打包進來?是不是有更好地方法?

  • 使用單Blade模板渲染,對應多個入口,根據每次的不同參數引入不同入口從而來渲染頁面,是否可行?

1和2的問題將配合進行,並且裡面可交叉,那哪一種是更好的方案呢?

謝謝!可能說的有點亂,想試試這種過渡方案的具體實現方案。

首先,vue 是用戶端的,
如果要在服務端渲染 vue 的話,
也不是不行,得經過 nodejs 來弄,
現在還沒有官方推薦的成熟方案。

laravel + vue 本質上是:
laravel 通過 blade 引擎渲染出 html,
返回給用戶端執行 vue 的相應指令碼。

解決的是 vue 本身沒有或不大方便的 路由和許可權驗證

使用node+vue.js實現SPA應用,解決了SPA應用的最大缺點SEO 之前寫的文章 現在在完善項目中。

.vue 檔案 在伺服器上沒法載入 所以放棄使用了,
服務端渲染 可以用第3方寫的vue-server外掛程式

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.