关于vue的优点就不讨论了,这里直接上项目。
1、添加vue.js的依赖库
2、编写html网页
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>TodoList</title>
<script src="../Vue/vue.min.js"></script>
</head>
<body>
<div id="app">
<!-- v-model代表数据的双向绑定,意思就是input输入的内容改变时,inputValue的值会变
当inputValue的值改变时,input输入框的内容也会改变 -->
<input type="text" v-model="inputValue">
<button v-on:click="handleSubmit">提交</button>
<ul>
<!-