重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

vue中花括号数据绑定失败如何解决-创新互联

这篇文章将为大家详细讲解有关vue中花括号数据绑定失败如何解决,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

清远网站建设公司创新互联建站,清远网站设计制作,有大型网站制作公司丰富经验。已为清远上千家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的清远做网站的公司定做!

如下所示:



 
  
  
 
 
 
 
  
   

{{message}}

  
 

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

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

结果显示:

{{message}}

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

更改一下引入顺序:

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



 
  
  
 
 
 
  
   

{{message}}

  
   

关于vue中花括号数据绑定失败如何解决就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网站栏目:vue中花括号数据绑定失败如何解决-创新互联
本文路径:http://cqcxhl.com/article/dsisoc.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP