每次刷新

Question

我正在关注教程，我正在尝试运行this code。每次刷新时，都会出现以下代码

console.log(childView.el);

输出在此

之间切换

<div id="master" class="container"></div>

和此：

div#master.container

我想理解为什么会这样切换。这是我看到的gif（看看控制台）。

Answer 1

据我所知，Chrome有两种不同的方式在控制台中显示元素：＆＃34; DOM方式＆＃34;和＃34; Javascript方式＆＃34;。我相信你所看到的是Chrome最初以一种方式呈现元素，然后立即切换到另一个表示（即，你在开发人员工具中看到一个小错误）。

Answer 2

我认为@machineghost是对的，这是开发人员工具中的一个错误。 ＆＃34;正确＆＃34;输出是DOM表示法：<div id="master" class="container"></div>。但是，在创建视图实例时，.el属性将从选择器字符串解析为DOM元素。您看到的另一种表示法是创建的视图的选择器字符串。

虽然在创建View实例时使用了选择器字符串，但如果没有提供其他选项，el属性每次都使用分离的<div>设置为DOM元素