• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

vue教程之构造器内容

Vue cps12345 1个月前 (04-02) 63次浏览

可以看到在 Vue 构造器中有一个el 参数,它是 DOM 元素中的 id。在上面实例中 id 为 vue_det,在 div 元素中:

<span class="tag"><div</span> <span class="atn">id</span> <span class="pun">=</span> <span class="atv">"vue_det"</span><span class="tag">></div></span>

这意味着我们接下来的改动全部在以上指定的 div 内,div 外部不受影响。

接下来我们看看如何定义数据对象。

data 用于定义属性,实例中有三个属性分别为:site、url、alexa。

methods 用于定义的函数,可以通过 return 来返回函数值。

{{ }} 用于输出对象属性和函数返回值。

<span class="tag"><div</span> <span class="atn">id</span><span class="pun">=</span><span class="atv">"vue_det"</span><span class="tag">></span><span class="pln">
    </span><span class="tag"><h1></span><span class="pln">site : {{site}}</span><span class="tag"></h1></span><span class="pln">
    </span><span class="tag"><h1></span><span class="pln">url : {{url}}</span><span class="tag"></h1></span><span class="pln">
    </span><span class="tag"><h1></span><span class="pln">{{details()}}</span><span class="tag"></h1></span>
<span class="tag"></div></span>

当一个 Vue 实例被创建时,它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时,html 视图将也会产生相应的变化。

喜欢 (0)