摘要: 1、什么是计算属性 如果模板中的表达式存在过多的逻辑,那么模板会变得臃肿不堪,维护起来也异常困难,因此为了简化逻辑出现了计算属性; <template> <div id="example"> <p>{{message.split(" ").reverse().join('!')}}</p> </di 阅读全文
posted @ 2022-04-26 14:03 Bonnie_ξ 阅读(1125) 评论(0) 推荐(0) 编辑
摘要: <!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_ξ 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 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_ξ 阅读(97) 评论(0) 推荐(0) 编辑