侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130555 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

用vue创建hello world,不用再担心显示message了

2024-05-09 星期四 / 0 评论 / 0 点赞 / 6 阅读 / 1038 字

第一次创建vue项目的时候,message值一直传不过去,是为什么呢,不管是文本框还是<p>标签里面的值都传不过去,后来发现竟然是因为写的顺序的问题,必须按照下面三个顺序,也是醉了附上代码:HTML中

第一次创建vue项目的时候,message值一直传不过去,是为什么呢,不管是文本框还是<p>标签里面的值都传不过去,后来发现竟然是因为写的顺序的问题,必须按照下面三个顺序,也是醉了附上代码:HTML中:

<!DOCTYPE html>

<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="vue.min.js"></script> //第一步</head><body><br> <div id="app"> //第二步 <p>{{ message }}</p> <input v-model="message"> </div> <script type="text/javascript" src="aaa.js"></script> //第三步</body></html>js文件中:var app=new Vue({ el:'#app', data:{ message:'Hello World!' }})

广告 广告

评论区