2022年4月26日
vue中的计算属性
摘要： 1、什么是计算属性 如果模板中的表达式存在过多的逻辑，那么模板会变得臃肿不堪，维护起来也异常困难，因此为了简化逻辑出现了计算属性； <template> <div id="example"> <p>{{message.split(" ").reverse().join('!')}}</p> </di 阅读全文
posted @ 2022-04-26 14:03 Bonnie_ξ 阅读(1140) 评论(0) 推荐(0)
v-on:click
摘要： <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script> <script type="text/javas 阅读全文
posted @ 2022-04-26 11:58 Bonnie_ξ 阅读(16) 评论(0) 推荐(0)
v-bind指令
摘要： v-bind用于绑定数据和元素属性 例如：绑定a标签的href属性 <div class="app"> <a v-bind:href="url">click me</a> </div> var app = new Vue({ el:'.app', data:{ url:"https://www.ba 阅读全文
posted @ 2022-04-26 11:45 Bonnie_ξ 阅读(118) 评论(0) 推荐(0)