Vue.js 3应用开发与核心源码解析
上QQ阅读APP看书,第一时间看更新

1.6 案例:Hello Vue 3

学完本章内容后,读者应该具备了简单的Vue 3项目编写能力。下面我们来开发一个Hello Vue 3项目。

创建一个目录,在目录下新建index.html,在<script>标签中引入vue.global.js,并编写简单的Vue 3代码,实现的效果如图1-5所示。

图1-5 Hello Vue 3

1.功能描述

当我们修改输入框内的文字时,对应上方的文字也会改变,这就是简单的双向绑定能力。

2.案例完整代码

本案例完整源码在:/案例源码/Vue.js概述。