Vue可爱清新记事本

一个简单有趣的小记事本

该项目已上传github，有需要可以点击链接下载源码vue简易记事本项目
有建议可以留言哦！欢迎大家指正

运行效果：

要求：输入框按下enter键时，输入框中输入的内容保存并显示在输入框下方

实现：（首先是给输入框设置事件限制，@keyup.enter设置按下enter键实现的方法）

<input type="text" v-model="message" @keyup.enter="save(message)" />

用一个数组保存记事本中的值，用length保存记事本的内容数量
通过数组的push方法添加数组元素

save: function(message) {
   
				this.length = this.arr.push(message);
				this.message = ""