vue解决花括号数据绑定不成功的问题
2019-11-01 07:06
831 查看
如下所示:
<!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解决花括号数据绑定不成功的问题就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- vue 开发中element-ui库的switch开关绑定number类型数据不成功问题 解决方法
- Vue2.4.0+vue-source+express解决获取数据不成功问题
- 解决vue中模态框内数据和外面的数据绑定的问题
- 解决vue.js 数据渲染成功仍报错的问题
- vue 开发中element-ui库的switch开关绑定number类型数据不成功问题
- VUE如何提交Table数据(解决相同属性多条数据不能双向绑定的问题)
- vue + element 下拉框 选项绑定数据列表List,List动态变化后,下拉框下拉后数据不变化问题解决
- vue遇到过的坑(父组件向输入框组件传值进去,然后子组件利用传进来的数据进行数据绑定的问题与解决方法)
- vue花括号数据绑定不成功的问题
- 利用继承解决每个 cs 文件的数据绑定问题
- 关于Flex中用大括号{}进行数据绑定遇到的问题
- 解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
- asp.net 数据绑定 使用eval 时候报 “字符文本中的字符太多” 问题解决
- WPF:解决数据绑定时不更新数据的问题
- 使用vue,获取input输入值(不使用双向数据绑定),参数e的问题
- 关于SubSonic的数据绑定问题(已解决)
- 解决Flex4双向绑定因数据类型不同而出现编译错误问题
- 关于vue v-for循环解决img标签的src动态绑定问题
- vue中关于检索框重复带出数据问题解决 |爱骇客 |骇客| VUE
- vue 解决input内值的双向绑定问题