“第一个Vue程序”的版本间的差异
来自CloudWiki
(创建页面,内容为“ <nowiki> <!DOCTYPE html> <html> <head> <meta charset="GBK"> <title>Hello Vue.js</title> </head> <body> <!--View--> <div id="app"> <p>{{message}}</p>…”) |
|||
第1行: | 第1行: | ||
+ | ==代码== | ||
+ | |||
<nowiki> | <nowiki> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html> | <html> | ||
<head> | <head> | ||
− | <meta charset=" | + | <meta charset="utf-8"> |
− | <title> | + | <script src="vue.js" type="text/javascript" charset="utf-8"> |
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | <title></title> | ||
</head> | </head> | ||
<body> | <body> | ||
− | |||
<div id="app"> | <div id="app"> | ||
− | + | {{ message }} | |
</div> | </div> | ||
− | + | <script type="text/javascript"> | |
− | <script | + | var app = new Vue({ |
− | + | el: '#app', | |
− | + | data: { | |
− | var | + | message: 'Hello Vue!' |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
}) | }) | ||
</script> | </script> | ||
</body> | </body> | ||
− | </html></nowiki> | + | </html> |
+ | |||
+ | </nowiki> |
2022年2月6日 (日) 08:58的版本
代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="vue.js" type="text/javascript" charset="utf-8"> </script> <title></title> </head> <body> <div id="app"> {{ message }} </div> <script type="text/javascript"> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) </script> </body> </html>