一、初识vue,使用vue编写的第一个helloworld程序

[复制链接]
查看: 100|回复: 0

585

主题

1179

帖子

6291

积分

管理员

人亦已歌

Rank: 12Rank: 12Rank: 12

积分
6291

活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

发表于 2022-10-16 17:39:04 | 显示全部楼层 |阅读模式

html代码如下:
  1. <head>
  2.     <meta charset="UTF-8">
  3.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5.     <title>vue初体验</title>
  6.     <script src="./Vue-v2.6.10.js"></script>

  7. </head>

  8. <body>
  9.     <div id="app">
  10.         {{das}}{{xyz}}
  11.     </div>
  12. </body>

  13. <script>
  14.     var app = new Vue({
  15.         el: '#app',
  16.         data: {
  17.             das: 'hello',
  18.             xyz: 'world'
  19.         }
  20.     });
  21. </script>
复制代码

执行效果如下:

一、初识vue,使用vue编写的第一个helloworld程序

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

精彩图文
 
 
在线客服
技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫

QQ|小黑屋|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表