vue花括号数据绑定不成功的问题
2018-01-19 23:51
267 查看
<!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>
相关文章推荐
- 关于Flex中用大括号{}进行数据绑定遇到的问题
- vue 开发中element-ui库的switch开关绑定number类型数据不成功问题 解决方法
- vue 开发中element-ui库的switch开关绑定number类型数据不成功问题
- 关于Flex中用大括号{}进行数据绑定遇到的问题
- 数据库 数据绑定的时候连接字符串为绝对路径的问题
- ASP.NET三层架构中数据绑定的问题
- ssm框架后台未成功接受到前台form表单传入数据问题
- C#数据绑定中,时间为空时显示时间为原始日期问题
- jquery ajax请求成功,返回了数据,但是不进success的问题
- html中后台动态绑定数据表格存在空白单元格问题
- linux服务器wget无法成功解析域名及程序获取外网数据不稳定问题
- DataGridView 中非绑定的数据列赋值问题
- 实现xml和xaml数据双向绑定的问题
- datagridView的数据列绑定问题
- ioni3 http请求数据绑定时数组嵌套的显示问题
- Asp.net中在GridView数据绑定事件中改变显示内容要注意的问题
- 终于解决了一个问题--如何在数据绑定时不让combox控件触发SelectedIndexChanged事件
- 对象和数据绑定的问题
- 动态绑定图片url:数据绑定出现的问题
- dropdownlist 数据绑定问题