vue中花括號數(shù)據(jù)綁定失敗如何解決-創(chuàng)新互聯(lián)

這篇文章將為大家詳細講解有關vue中花括號數(shù)據(jù)綁定失敗如何解決，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

清遠網(wǎng)站建設公司創(chuàng)新互聯(lián)建站,清遠網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經驗。已為清遠上千家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\外貿網(wǎng)站制作要多少錢，請找那個售后服務好的清遠做網(wǎng)站的公司定做！

如下所示：

<!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都在頭部引用，并不能出現(xiàn)理想中的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中花括號數(shù)據(jù)綁定失敗如何解決就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

文章名稱：vue中花括號數(shù)據(jù)綁定失敗如何解決-創(chuàng)新互聯(lián)
本文路徑：http://www.aaarwkj.com/article2/dsisoc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、網(wǎng)站制作、云服務器、虛擬主機、靜態(tài)網(wǎng)站、域名注冊

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

vue中花括號數(shù)據(jù)綁定失敗如何解決-創(chuàng)新互聯(lián)