vue解决花括号数据绑定不成功的问题-偶像资源网

如下所示：

<!DOCTYPE html>
<html>
 <head>
  <meta charset=\"utf-8\" />
  <title></title>
 </head>
 <script src=\"js/vue.js\" type=\"text/javascript\" charset=\"utf-8\"></script><!--引入vue-->
 <script src=\"js/main.js\" type=\"text/javascript\" charset=\"utf-8\"></script><!--引入main-->
 <body>
  <div id=\"app\">
   <p>{{message}}</p>
  </div>

 </body>
</html>

main.js如下图所示，只包含message信息，绑定到id为app的div上。

var app=new Vue({
 el:\'#app\',
 data:{
  message:\'hhh\'
 }
})

结果显示：

{{message}}

vue.js和自己写的js都在头部引用，并不能出现理想中的message信息。

更改一下引入顺序：

先引入vue.js——再写html内容——最后引入自己写的js代码。成功！原因暂时还不清楚，待日后填坑…

<!DOCTYPE html>
<html>
 <head>
  <meta charset=\"utf-8\" />
  <title></title>
 </head>
 <script src=\"js/vue.js\" type=\"text/javascript\" charset=\"utf-8\"></script>
 <body>
  <div id=\"app\">
   <p>{{message}}</p>
  </div>
 </body>
 <script src=\"js/main.js\" type=\"text/javascript\" charset=\"utf-8\"></script>
</html>

以上这篇vue解决花括号数据绑定不成功的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

版权声明 1 本网站名称：偶像资源网
2 本站永久网址：https://www.ox520.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ593098775进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

vue解决花括号数据绑定不成功的问题

请登录后发表评论