- Vue.js 2 Web Development Projects
- Guillaume Chau
- 228字
- 2021-07-02 22:34:27
A method to create a new note
Each of our notes will be an object with the following data:
- id: This will be the note unique identifier
- title: This ;will contain the name of the note displayed in the list
- content: This ;will be the note markdown content
- created: This ;will be the date the note was created
- favorite: This ;will be a Boolean that allows for marking a note that will be displayed at the top of the list as favorite
Let's add a method that will create a new note and call it addNote, which will create a new note object with a default value:
methods:{ // Add a note with some default content and select it addNote () { const time = Date.now() // Default new note const note = { id: String(time), title: 'New note ' + (this.notes.length + 1), content: '**Hi!** This notebook is using [markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) for formatting!', created: time, favorite: false, } // Add to the list this.notes.push(note) }, }
We take the current time (which means the number of milliseconds elapsed since 1 January 1970 00:00:00 UTC), which will be a perfect way to have a unique identifier on each note. We also set default values, such as a title and some content, plus the created date and the favorite ;Boolean. Finally, we add the note to the notes array property.
推薦閱讀
- Python程序設計教程(第2版)
- ASP.NET Core Essentials
- 薛定宇教授大講堂(卷Ⅳ):MATLAB最優化計算
- Building a Recommendation Engine with Scala
- PHP+MySQL網站開發項目式教程
- C語言課程設計
- 學習正則表達式
- SQL Server從入門到精通(第3版)
- C語言程序設計
- ASP.NET開發與應用教程
- Python期貨量化交易實戰
- Mockito Essentials
- Java高并發編程詳解:深入理解并發核心庫
- 3D Printing Designs:Octopus Pencil Holder
- 軟硬件綜合系統軟件需求建模及可靠性綜合試驗、分析、評價技術