时间:2021-05-26
如下所示:
<!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解决花括号数据绑定不成功的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
若您线下推广店面批量导入表明分析不成功或是解决不成功,请您立即下载分析不成功或是解决不成功的报表,最终一列查询不成功的缘故,依据不成功缘故改动。实际能够点此参照
淘宝花呗付款不成功怎么回事?在网上看到许多小伙伴提问“淘宝不能用花呗付款”,这里小编通过淘宝官方渠道找到了淘宝花呗付款不成功的的原因: 1、家无法在我的店
vuerouter路由嵌套不显示问题的解决方法,具体内容如下路由嵌套,vue2.0router中嵌套路由不成功,如何解决?我先说下我的需求,例如下图我本来是想打
申诉不成功找回QQ密码的解决方法: 1、可通过已经绑定的手机号,通过短信验证来找回密码。 2、点击“短信找回密码”按钮,进入短信找回页面。 3、根据提示的
使用vue制作加载更多功能,通过ajax获取的数据往data里面push经常不成功,原因是push是往数组中追加数据内容的,而不能用作数组之间的拼接,ajax获