理解VueJs模板

Posted 2021-01-30

1.通过创建这个新的Vue实例，注意，虽然没有把它存入一个变量内，但Vue实例还是被创建了。
2.通过创建这个Vue实例，我们就建立了这一联系。Vue基于上面的html代码，创建了一个模板，要特别注意理解的是，Vue在运行时，并不直接使用我们写的HTML代码，实际运行的网页里面也没有我们写的这些命令，Vue根据HTML代码创建的模板存储在内部，然后用这个模板，创建真正渲染成DOM的HTML代码，理解这一机制很重要。因为它让我们可以这样使用模板，和其它我们在这门课程里面将要讲的东西一样，我们写的HTML代码不是最后的浏览器里面运行的那一份，中间有一层Vue实例，把HTML代码转换成模板，然后渲染成模板，比如加入title等，然后输出最终用于渲染的HTML代码。