摘要: Vue2 计算属性 computed <template> <span>{{fullName}}</span> </template> <script> data: { firstName: '张', lastName: '三' }, computed: { fullName: { // get有什 阅读全文
posted @ 2023-07-20 17:27 佳宁 阅读(192) 评论(0) 推荐(0) 编辑
摘要: computed 和 methods 看起来都可以实现我们的功能,那么它们有什么区别 ? 计算属性会进行缓存,多次使用时,计算属性只会调用一次; 而 methods 不会缓存,每次使用都会调用里面的逻辑 补充: 计算属性是基于它们的响应式依赖进行缓存的,只有在相关响应式依赖发生改变时才会重新求值 阅读全文
posted @ 2023-07-20 17:08 佳宁 阅读(7) 评论(0) 推荐(0) 编辑
摘要: v-for指令,即列表渲染 在数据项里,我们首先定义一个列表数组: list: ["apple", "pear", "banana"] 在页面上我想把这几个水果名展示在li里面,如何做呢?我们可以这样做,利用v-for指令: <ul> <li v-for="item in list">{{ item 阅读全文
posted @ 2023-07-20 16:55 佳宁 阅读(84) 评论(0) 推荐(0) 编辑