代码
页面
页面
这是一个很简单的页面，但我们试图去修改input标签的内容时，发现页面显示的内容也跟着改了
页面
修改后页面
敢于v-model的使用，下面会介绍到，这里我们只需要知道它可以同步input的内容到它绑定的data属性edit上。
理解，写过后台的人对模板这个概念估计不会陌生，通常来说，在一个html文件中，我们不能直接将js代码写在html标签中，这样是会报错了，为了解决这个问题，模板诞生了，使用模板，通常来说，不同模板有不同后缀名，比如ejs模板，他的后缀名为ejs。在vue文件中，模板的文件后缀名就是vue，使用vue的模板，我们可以直接在temlate标签中使用js代码如上面的{{}}，他可以是我们在里面写js表达式。我们来看看vue模板有什么语法
{{}}——将里面的变量（script标签中data定义的变量）输出在页面上
通过{{}}，我们可以在里面写入data定义好的变量，从而显示在页面上。
v-html——将传入的变量（script标签中data定义的变量）输出在页面上（不包括节点）
使用{{}}很方便，但有时我们需要拼接节点的时候，他会把div这类节点字符串也输出出来，这是我们不愿看到的，我们可以使用v-html来解决这个问题，我们来看下代码
代码
代码
页面效果
