vue如何添加鼠标悬浮事件

vue

1972

2021/5/13 17:06:38

栏目: 编程语言

在vue中添加鼠标悬浮事件的方法：1.新建vue.js项目；2.使用v-bind指令绑定事件；3.添加代码设置鼠标悬浮事件；

vue如何添加鼠标悬浮事件

具体步骤如下：

1.首先，在vue-cli中创建一个vue.js项目；

vue create project-name

2.vue.js项目创建好后，在项目中使用v-bind指令绑定事件；

<div id="app-2">
<span v-bind:title="message"></span>
</div>

3.最后，事件绑定好后，在项目中添加以下代码即可设置鼠标悬浮事件；

<script type="text/javascript">
var app2 = new Vue({
el: '#app-2',
data: {
message: new Date().toLocaleString()
}
})
</script>

最新知识库