<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../2.5.20-vue.js"></script> <!--//提前加载,避免出现抖屏--> </head> <body> <div id="root"> <div v-on:click="handClick">{{content}}</div> </div> <script> new Vue({ el: '#root', /**创建vue的实例,接管id等于root的内容*/ data: { content: 'hello' }, methods:{ handClick() { alert(1) } } }) </script> </body> </html>
Vue实例中的数据、事件和方法
最新推荐文章于 2021-02-05 13:07:06 发布