# vue
[](https://godoc.org/github.com/norunners/vue)
Package `vue` is the progressive framework for [WebAssembly](https://github.com/golang/go/wiki/WebAssembly) applications.
## Install
```bash
GOARCH=wasm GOOS=js go get github.com/norunners/vue
```
*Requires Go 1.12 or higher.*
## Goals
* Provide a unified solution for a framework, state manager and router in the frontend space.
* Leverage [templating](https://github.com/norunners/vueg) to separate application logic from frontend rendering.
* Simplify data binding to ease the relation of state management to rendering.
* Encourage component reuse to promote development productivity.
* Follow an idiomatic Go translation of the familiar Vue API.
## Hello World!
The `main.go` file is compiled to a `.wasm` WebAssembly file.
```go
package main
import "github.com/norunners/vue"
type Data struct {
Message string
}
func main() {
vue.New(
vue.El("#app"),
vue.Template("<p>{{ Message }}</p>"),
vue.Data(Data{Message: "Hello WebAssembly!"}),
)
select {}
}
```
The `index.wasmgo.html` file fetches and runs a `.wasm` WebAssembly file.
```html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="{{ .Script }}"></script>
</head>
<body>
<div id="app"></div>
<script src="{{ .Loader }}"></script>
</body>
</html>
```
*Note, the example above is compatible with [wasmgo](https://github.com/dave/wasmgo).*
## Serve Examples
Install `wasmgo` to serve examples.
```bash
go get -u github.com/dave/wasmgo
```
Serve an example [locally](http://localhost:8080/).
```bash
cd examples/01-declarative-rendering
wasmgo serve
```
## Status
Alpha - The state of this project is experimental until the common features of Vue are implemented.
The plan is to follow the Vue API closely except for areas of major simplification, which may lead to a subset of the Vue API.
During this stage, the API is expected to encounter minor breaking changes but increase in stability as the project progresses.
## F.A.Q.
#### Why Vue?
One of the common themes of existing frameworks is to combine component application logic with frontend rendering.
This can lead to a confusing mental model to reason about because both concerns may be mixed together in the same logic.
By design, Vue renders components with templates which ensures application logic is developed separately from frontend rending.
Another commonality of existing frameworks is to unnecessarily expose the relation of state management to rendering in the API.
By design, Vue binds data in both directions which ensures automatic updating and rendering when state changes.
This project aims to combine the simplicity of Vue with the power of Go WebAssembly.
License
-------
* [MIT License](LICENSE)
WebAssembly 应用程序的渐进式框架。.zip （40个子文件） 
bus.go 1KB vnode.go 6KB go.mod 171B
标签.txt 38B event.go 2KB go.sum 555B LICENSE 1KB
examples 05-handling-user-input 
index.wasmgo.html 276B main.go 612B 10-watchers index.wasmgo.html 266B main.go 1KB 12-style-binding index.wasmgo.html 271B main.go 971B 01-declarative-rendering index.wasmgo.html 278B main.go 235B 08-raw-html index.wasmgo.html 265B main.go 418B 06-two-way-data-binding index.wasmgo.html 277B main.go 304B 03-conditionals-with-methods index.wasmgo.html 282B main.go 476B 02-attribute-data-binding index.wasmgo.html 279B main.go 406B 09-computed-properties index.wasmgo.html 276B main.go 630B 07-composing-with-components index.wasmgo.html 282B main.go 585B 11-class-binding index.wasmgo.html 452B main.go 629B 04-loops index.wasmgo.html 262B main.go 615B template.go 9KB context.go 2KB 资源内容.txt 798B option.go 4KB component.go 1KB render.go 2KB README.md 3KB subcomponent.go 3KB vue.go 1KB资源评论
徐浪老师
- 粉丝: 8249
- 资源: 1万+
最新资源
- C语言核心知识点详解-数据类型、运算符、数组与指针综合应用
- 基于 SpringBoot 开发 BS 架构宠物健康咨询系统：从需求调研到上线运营全纪实
- 快乐星球0000000
- C#ASP.NET企业年终员工抽奖系统源码数据库 Access源码类型 WinForm
- 用 Fluent 进行飞机模拟
- C#ASP.NET程序软件销售网站源码数据库 SQL2008源码类型 WebForm
- 浅谈食盐与人体健康.docx
- jsppspsppspspspspspsps
- Python毕业设计基于知识图谱和生成式AI的智能食谱推荐系统源码.zip
- 基于 SpringBoot 开发网上蛋糕售卖店管理系统：从需求剖析到上线运营全解析
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
