- Vue.js 2 Web Development Projects
- Guillaume Chau
- 182字
- 2021-07-02 22:34:24
Project 1 - Markdown Notebook
The first app we will create is a markdown notebook, using several Vue features in a step-by-step manner. We will reuse what we saw in Chapter 1, Getting Started with Vue, and add more elements on top of it, such as useful directives, events for user interaction, more instance options, and filters to process values.
Before we start writing the code, let's talk about the app and review our objectives:
- The notebook app will allow the user to write notes in markdown
- The markdown will be previewed in real time
- The users will be able to add as many notes as they want
- The notes will be restored the next time the user visits the app
To do that, we will pide the user interface into three sections:
- A main section in the middle with the note editor
- A right pane, which previews the markdown of the current node
- A left pane, with the list of notes and a button to add a new one
Here is what it will look like at the end of the chapter:

推薦閱讀
- CMDB分步構建指南
- AngularJS Web Application Development Blueprints
- 數(shù)據(jù)結構案例教程(C/C++版)
- C語言程序設計實驗指導 (第2版)
- Learning OpenCV 3 Computer Vision with Python(Second Edition)
- HTML5 APP開發(fā)從入門到精通(微課精編版)
- Python High Performance Programming
- Python爬蟲、數(shù)據(jù)分析與可視化:工具詳解與案例實戰(zhàn)
- PHP 7從零基礎到項目實戰(zhàn)
- 區(qū)塊鏈國產(chǎn)化實踐指南:基于Fabric 2.0
- FPGA嵌入式項目開發(fā)實戰(zhàn)
- ASP.NET 4.0 Web程序設計
- Java從入門到精通(視頻實戰(zhàn)版)
- 零基礎學SQL(升級版)
- Apache Solr for Indexing Data