<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>example 实例属性</title> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript" src="js/jquery-3.2.1.js"></script> </head> <body> <div id="app"> <p>{{message}}</p> </div> <div id="ppa"></div> </body> <script type="text/javascript"> var app=new Vue({ el:"#app", data:{ message:'hello caicai' }, mounted:function(){ //生命周期钩子函数，挂载 在整个实例生命内只执行一次。实时监控data数据变化，随时去更新dom 此时可以进行发送ajax请求获取数据的操作，进行数据初始化 $("#app").html("我是jquery") //在vue构造器里 使用jquery }, methods:{ add:function(){ console.log('调用了构造器内部的add 方法'); } } }) app.add(); //在构造器外面 同个实例调用构造器内部方法 </script> </html>