Vue.js的注意事项与技巧

例如：

<!-- Wrapper component for input --> 
<template> 
    <div class="wrapper-comp"> 
        <label>My Label</label> 
        <input @focus="$emit('focus')" type="text"/> 
    </div> 
</template> 

这里我们真正感兴趣的是 input 节点，而不是 div 根节点，因为它主要是为了样式和修饰而添加的。用户可能对这个组件的几个输入事件感兴趣，比如 blur、focus、click、hover等等。这意味着我们必须重新绑定每个事件。我们的组件如下所示。

<!-- Wrapper component for input --> 
<template> 
    <div class="wrapper-comp"> 
        <label>My Label</label> 
        <input type="text" 
            @focus="$emit('focus')" 
            @click="$emit('click')" 
            @blur="$emit('blur')" 
            @hover="$emit('hover')" 
        /> 
    </div> 
</template> 

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!