理解VueJs模板

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

猜你喜欢

转载自blog.51cto.com/13577938/2336829
今日推荐