按一下界面上的 添加笔记 .. 可以创建一条新的笔记内容 .. 再按一下这个新创建的笔记，可以编辑笔记里面的内容 ...

这里做的修改可以实时地保存在数据库里 ...

刷新一下页面 .. 你会发现对笔记做的修改仍然还在 ...

笔记项目的左边会显示笔记的更新时间 .. 下面会有个字数统计 ... 还有个删除按钮 ... 点一下这个删除小图标 .. 可以删除当前的笔记内容 ..

这就是我们要在这个课程里从头开始要做的一个 Vue.js 项目 ..

我们可以通过这个项目范例更好地学习还有理解 Vue.js 框架 ..

除了 Vue.js ，我们还会用到一些其它的东西，比如用 Semantic UI 去设计界面上的样式 .. 用 moment.js 处理时间的显示等等 ...