Vue之鼠标悬停显示页面加载时间

效果如下：

代码如下：

 
 

  鼠标悬停显示提示信息
 

 

遇到的问题：Date函数后面应该有一对小括号，一定不能忘写了。还有message字符串后一定不能加分号，可以加逗号，或者什么都不写，因为属性之间都是用逗号分隔的，通常最后一个属性结束时逗号可省略不写。

应用拓展：

可以将其应用于词条解释上，当鼠标悬停在某一单词上时，显示其中文翻译，如：

代码如下：

 
 

 

My major is 

Computer Science and Technology

 

 

 

做一些解释性的东西挺方便的，不占地方。

此处用到了v-bind指令。指令前会带有v-，表示它们是vue提供的特殊特性。它们会在渲染的DOM上应用特殊的响应式行为。