2020-2021:teams:no_morning_training:fayuanyu:test
差别
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 | ||
|
2020-2021:teams:no_morning_training:fayuanyu:test [2020/05/17 22:25] 发源于 |
2020-2021:teams:no_morning_training:fayuanyu:test [2020/05/22 17:14] (当前版本) 发源于 |
||
|---|---|---|---|
| 行 2: | 行 2: | ||
| <html> | <html> | ||
| <script src="https://cdn.jsdelivr.net/npm/vue"></script> | <script src="https://cdn.jsdelivr.net/npm/vue"></script> | ||
| - | <div id="app-2"> | + | <div id="app"> |
| - | <span v-bind:title="message"> | + | <div v-bind:title="message"> |
| - | 鼠标悬停几秒钟查看此处动态绑定的提示信息！ | + | 我竟然能用vue! |
| - | </span> | + | </div> |
| + | <div id="text1"> | ||
| + | {{this.text}} | ||
| + | </div> | ||
| + | <div> | ||
| + | 不行，有空整个vue的模板套上去吧 | ||
| + | </div> | ||
| + | <button v-on:click="change"> change </button> | ||
| </div> | </div> | ||
| + | <script> | ||
| + | var app = new Vue({ | ||
| + | el: '#app', | ||
| + | data: { | ||
| + | message: 'Hello' , | ||
| + | text: '不是，能用原生html也太离谱了吧', | ||
| + | bool_change: false , | ||
| + | }, | ||
| + | methods: { | ||
| + | change: function (event){ | ||
| + | if (this.bool_change){ | ||
| + | this.text= '不是，能用原生html也太离谱了吧' | ||
| + | this.bool_change = false | ||
| + | }else{ | ||
| + | this.text= '确实' | ||
| + | this.bool_change = true | ||
| + | } | ||
| + | alert(this.bool_change) | ||
| + | } | ||
| + | } | ||
| + | }) | ||
| + | </script> | ||
| </html> | </html> | ||
2020-2021/teams/no_morning_training/fayuanyu/test.1589725548.txt.gz · 最后更改: 2020/05/17 22:25 由 发源于
