81.go + vue實現web應用程序

前端框架越來越豐富，前后端分離已經是大多數軟件團隊采取的模式了。vue使用的場景也越來越多。

成都創(chuàng)新互聯公司從2013年開始，先為趙縣等服務建站，趙縣等地企業(yè)，進行企業(yè)商務咨詢服務。為趙縣企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

go本來使用template模板來進行前端的表現，現在可以用vue來分擔很大一部分工作了。

通常直接使用go語言寫后端，然后使用靜態(tài)模板加載渲染前端，前端獲取后端提供的數據是使用{{ }}符號，2個套在一起的花括號。這個也是vue使用的數據表現方式。

如果go+vue來協同工作的話，需要對vue進行一點設置。比如把{{ }}的方式改為[[ ]]的方式。

首先我們要知道，vue的使用，需要在頁面中加載vue.js或vue.min.js

純靜態(tài)網頁使用vue是這樣的（給個html例子）

然后我們實現一個go的簡單web服務和模板頁面

這個go服務器通過端口 1989 展示服務器頁面，提供了一個靜態(tài)文件路徑 htmlpage，我們把vue.js和index.html文件都放置在htmlpage路徑里。

go服務器還用模板給前臺頁面提供了一個News結構的數據，數據包括：Title,Content,Author的值。

在index.html頁面中，加載vue.js的時候需要帶上靜態(tài)路徑 htmlpage

在 new 一個 vue 變量的時候，必須有一句來設置包裹數據的符號，我們這里設置這個符號為[[ ]]

同時，所有需要由 vue 渲染的數據，都寫成類似這樣的樣子

在 go + vue 方式下的完整模板文件 index.html

此頁面中{{ }}包裹的數據是由go從后端提供的數據（ 例如：{{.Title}}），而[[ ]]包裹的數據，是vue渲染的數據。

只是把 Vue里的數據，改為由go后端提供即可。

好吧，作者已經在向月亮示愛了。呵呵 _

運行一下程序，看修改模板后的效果。

vue3介紹

（1）、打包工具選擇rollupe

（2）、很多核心包是使用go語言寫的

vue2使用defineProperty實現

vue3使用proxy實現

（1）路由不一樣

（2）創(chuàng)建實例

new App({}) --- createApp

（3）keep-alive

keep-alive包裹元素/keep-alive

---

（4）聲明一個狀態(tài)

必須使用 ref 和 reactive 使一個普通的數據變成響應式對象，即狀態(tài)

（5）生命周期

on-原生命周期，參數為回調函數，邏輯在回調函數中執(zhí)行

（6） script 標簽寫法上的不同

---

（7）偵聽props變化

（8）狀態(tài)偵聽

怎樣學習GO語言？

golang學習比較簡單，不過任何一門語言都不是孤立存在的，在這里簡要說明一下golang開發(fā)的學習路線

1.golang基礎，包括go語言安裝，go語言語法，流程控制語句，函數，方法，面向對象概念，網絡編程，并發(fā)編程等

2.golang開發(fā)框架，包括beego，gin,Iris，Echo等

3.微服務開發(fā)

4.深入的話還可以學習算法部分。如果要接觸區(qū)塊鏈相關技術的話，還需要學習區(qū)塊鏈的加密算法等相關知識

5.如果要結合go實現應用的話，肯定離不開各種數據庫，比如關系型數據庫oracle、mysql，或者各類非關系型數據庫等等

6.如果需要開發(fā)界面的話，還需要學習網頁編程如html,javascript,vue,elementUI,bootstrap等網頁開發(fā)技術和框架。

7.在以上學習的基礎上還可以向架構方面深入學習。

鏈喬教育在線祝您學有所成。

前端用vue后端用什么好？

項目后端語言選擇跟前端沒太大關系，如果是做政府類型的項目，大都采用c#來開發(fā)，如果是互聯網項目，一般用java開發(fā)，如果是一些并發(fā)很高的項目，也可以用go語言，所以后臺使用什么語言，是業(yè)務來決定的。