01-VUE 快速入门，这份火爆全网的452页前端 Framework内核解析

VUE 快速入门

==================================================================

官方js文件下载

---

cn.vuejs.org

业务及代码实现

---

构建HTML页面，呈现如下效果，并在图中点击加，减按钮时实现中间数字的变化（要求基于vue技术进行实现）。

第一步：定义HTML页面并引入vue.js文件。

第二步：在html页面中的body内部添加如下元素。

<button @click=“minus”>-

{{n}}

<button @click=“add”>+

说明：

1)在界面中要添加vue对象要监控元素,习惯上都用 id=“app”

2)找到界面中将来可能发生变化的位置，用{{变量名}}特殊语法标记出来

3)找到界面中可以点击的位置绑定事件处理函数。

第三步：在html页面中的body底端部分构建JS代码实现

在JS中创建一个Vue类型的对象来监视页面中的内容。