81.go + vue实现web应用程序

前端框架越来越丰富，前后端分离已经是大多数软件团队采取的模式了。vue使用的场景也越来越多。

成都创新互联公司从2013年开始，先为赵县等服务建站，赵县等地企业，进行企业商务咨询服务。为赵县企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

go本来使用template模板来进行前端的表现，现在可以用vue来分担很大一部分工作了。

通常直接使用go语言写后端，然后使用静态模板加载渲染前端，前端获取后端提供的数据是使用{{ }}符号，2个套在一起的花括号。这个也是vue使用的数据表现方式。

如果go+vue来协同工作的话，需要对vue进行一点设置。比如把{{ }}的方式改为[[ ]]的方式。

首先我们要知道，vue的使用，需要在页面中加载vue.js或vue.min.js

纯静态网页使用vue是这样的（给个html例子）

然后我们实现一个go的简单web服务和模板页面

这个go服务器通过端口 1989 展示服务器页面，提供了一个静态文件路径 htmlpage，我们把vue.js和index.html文件都放置在htmlpage路径里。

go服务器还用模板给前台页面提供了一个News结构的数据，数据包括：Title,Content,Author的值。

在index.html页面中，加载vue.js的时候需要带上静态路径 htmlpage

在 new 一个 vue 变量的时候，必须有一句来设置包裹数据的符号，我们这里设置这个符号为[[ ]]

同时，所有需要由 vue 渲染的数据，都写成类似这样的样子

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

此页面中{{ }}包裹的数据是由go从后端提供的数据（ 例如：{{.Title}}），而[[ ]]包裹的数据，是vue渲染的数据。

只是把 Vue里的数据，改为由go后端提供即可。

好吧，作者已经在向月亮示爱了。呵呵 _

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

vue3介绍

（1）、打包工具选择rollupe

（2）、很多核心包是使用go语言写的

vue2使用defineProperty实现

vue3使用proxy实现

（1）路由不一样

（2）创建实例

new App({}) --- createApp

（3）keep-alive

keep-alive包裹元素/keep-alive

---

（4）声明一个状态

必须使用 ref 和 reactive 使一个普通的数据变成响应式对象，即状态

（5）生命周期

on-原生命周期，参数为回调函数，逻辑在回调函数中执行

（6） script 标签写法上的不同

---

（7）侦听props变化

（8）状态侦听

怎样学习GO语言？

golang学习比较简单，不过任何一门语言都不是孤立存在的，在这里简要说明一下golang开发的学习路线

1.golang基础，包括go语言安装，go语言语法，流程控制语句，函数，方法，面向对象概念，网络编程，并发编程等

2.golang开发框架，包括beego，gin,Iris，Echo等

3.微服务开发

4.深入的话还可以学习算法部分。如果要接触区块链相关技术的话，还需要学习区块链的加密算法等相关知识

5.如果要结合go实现应用的话，肯定离不开各种数据库，比如关系型数据库oracle、mysql，或者各类非关系型数据库等等

6.如果需要开发界面的话，还需要学习网页编程如html,javascript,vue,elementUI,bootstrap等网页开发技术和框架。

7.在以上学习的基础上还可以向架构方面深入学习。

链乔教育在线祝您学有所成。

前端用vue后端用什么好？

项目后端语言选择跟前端没太大关系，如果是做政府类型的项目，大都采用c#来开发，如果是互联网项目，一般用java开发，如果是一些并发很高的项目，也可以用go语言，所以后台使用什么语言，是业务来决定的。

当前名称：vue2go语言 vue go1
当前路径：http://hbruida.cn/article/ddjhpso.html