Using Vue to write todolist single page application _javascript techniques

There are a lot of todolist programs on the internet about Vue. Most are developed using VUE-CLI scaffolding tools, and the official website documentation does not support novice learning from a single document. So we use the familiar development way to write this todolist, hope and everybody study together.

1, what is Vue?
Vue.js (the pronunciation/vjuː/, like view) is a set of progressive frameworks for building user interfaces. Simply a template engine, it should be clear after the end of the previous server-side rendering of the DOM, placed on the browser end rendering, Vue gets the data and renders it into DOM. Of course, Vue is not only used to do this, data-driven, data two-way binding, giving users a good experience, as well as rapid development, the application of the benefits of the project maintenance and so on.

2, the following start code, early introduction of Vue.js, as well as Bootstrap. Because Vue is not used in the development of single files. So there's only one HTML file.

3, in order to facilitate you can use CDN to introduce the files you need. The demo uses Localstorage to store the data. So you have to open the Web port to browse. You can use Webstorm to develop the unfinished business. Otherwise you can not access the data directly by opening the static page. Of course, you can change the data to be processed from the database.

<! DOCTYPE html>