您当前的位置: 首页 >  vue.js

暂无认证

  • 3浏览

    0关注

    92582博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

vue.js 模板(核心)

发布时间:2021-02-18 17:54:12 ,浏览量:3

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src='vue.min.js'></script> </head> <body> <input type="button" value="点我" @click="fn"/> {{msg}} <script type="text/javascript"> new Vue( { el:'body', data:{ msg:'hello' }, methods: { fn:function() { this.msg='changed' } } } ); </script> </body> </html> 
解释:

在这里插入图片描述 点击就变成changed,然后就没有然后了。

效果:

在这里插入图片描述

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src='vue.min.js'></script> <style type="text/css"> div{width: 100px;height: 100px;background: black;color:white;} </style> </head> <body> <input type="button" value="点我" @click="fn"/> {{{msg}}} <script type="text/javascript"> new Vue( { el:'body', data:{ msg:'
		
hehehe
' }, methods: { fn:function() { this.msg='changed' } } } ); </script> </body>
解释:

{{}}代表输出文本. {{{}}}代表输出效果

效果: 在这里插入图片描述

在这里插入图片描述

关注
打赏
1653961664
查看更多评论
立即登录/注册

微信扫码登录

0.0498s