摘要: v-model的使用 实现双向绑定,即当数据改变时,界面同步更新,当界面改变时,数据也及时更新。 [A]的基本使用 1. v-model实现表单元素和数据的双向绑定 示例: <div id="app"> <input type="text" v-model="msg"> {{msg}} </div> 阅读全文
posted @ 2020-03-25 17:39 CarreyB 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 示例代码: <script> /* 购物车买书的case 需求: 1. 点击按钮增加买书量,自动计算总价 2. 可移除某些书籍 3. 当所有书籍被移除后,页面显示购物车为空 移除书籍:修改数据模型即可,页面会自动修改 */ </script> <style> .tb{ border: black 3 阅读全文
posted @ 2020-03-25 13:35 CarreyB 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 过滤器filters的使用 1. filters是vue中和和data,methods并列的对象 2. 过滤器中定义各个函数,用于将传入的数据进行过滤以下再展示 3. 使用案例 // DOM <div id="app"> 这本书的价格是:<span>{{bookPrice | twoPoint}}< 阅读全文
posted @ 2020-03-25 08:12 CarreyB 阅读(45) 评论(0) 推荐(0) 编辑