初识Vue
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了初识Vue,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1143字,纯文字阅读大概需要2分钟。
内容图文
初学Vue所遇
1 <! DOCTYPE html > 2 < html > 3 < head > 4 < meta charset ="utf-8" /> 5 < title ></ title > 6 < script src ="js/vue.js" type ="text/javascript" charset ="utf-8" ></ script > 7 < script > 8 // let定义变量,,const定义常量 9 let app = new vue({ 10 el: ‘ #app ‘ , // 用于挂载要管理的元素 11 data:{ 12 message: ‘ Hello Vue ‘ 13 } 14 }) 15 </ script > 16 </ head > 17 < body > 18 < div id ="app" >{{message}}</div>1920</body>2122</html>
未能显示相应数据,打开开发者模式时发现vue没有引用成功,再次修改代码
1 <! DOCTYPE html > 2 < html > 3 < head > 4 < meta charset ="utf-8" /> 5 < title ></ title > 6 < script src ="js/vue.js" type ="text/javascript" charset ="utf-8" ></ script > 7 8 </ head > 9 < body > 10 < div id ="app" >{{message}}</div>1112</body>13<script>14//let定义变量,,const定义常量15 let app=new Vue({ 16 el:‘#app‘,//用于挂载要管理的元素17 data:{ 18 message:‘Hello Vue‘19 } 20 }) 21</script>22</html>
修改后,成功显示数据,需要注意的地方是Vue的定义要在Body下面,并且Vue需要首字母大写。
原文:https://www.cnblogs.com/MOMOCJN/p/12603193.html
内容总结
以上是互联网集市为您收集整理的初识Vue全部内容,希望文章能够帮你解决初识Vue所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源:【匿名】