核心提示:Vue声明和渲染(代码实例)!DOCTYPE htmlhtmlheadmeta charset=UTF-8title/title/headbodyp id=app{{message}}/p!--引入v...
Vue声明和渲染(代码实例)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="app"> {{message}} </p> <!--引入vue库文件--> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script type="text/javascript"> //实例化 var app=new Vue({ //绑定p的id名字,也可以是类名 el:"#app", //在data的作用是:创建或者注册模版的时候,传入一个data作为属性 //data在组件注册的时候,data笔下是一个函数,而不能直接值给 data:{ //message绑定 数据 message:"hello vue!" } }) </script> </body> </html>