- 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:

推薦閱讀
- DevOps with Kubernetes
- 嵌入式軟件系統(tǒng)測試:基于形式化方法的自動化測試解決方案
- 移動UI設計(微課版)
- Mastering Objectoriented Python
- Oracle Database In-Memory(架構與實踐)
- Python Network Programming Cookbook(Second Edition)
- Microsoft System Center Orchestrator 2012 R2 Essentials
- Java程序設計:原理與范例
- FPGA Verilog開發(fā)實戰(zhàn)指南:基于Intel Cyclone IV(進階篇)
- Scala編程(第5版)
- Beginning C++ Game Programming
- 創(chuàng)意UI Photoshop玩轉移動UI設計
- WildFly Cookbook
- Java EE程序設計與開發(fā)實踐教程
- 測試工程師Python開發(fā)實戰(zhàn)