一、界面有一个段落,文字显示为”这是一个段落"
二、鼠标移到段落上,提示“这是段落的提示”html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>属性绑定</title> <!--引入vue--> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> </head> <body> <div id="mydiv"> <p :title="title">这是一个段落</p> </div> <script> new Vue({ el:"#mydiv", data:{ title:"这是段落的提示" } }) </script> </body> </html>
运行结果:
鼠标移到段落上,显示效果以下:
vue