随笔分类 - vue

vue_动态渲染_添加obj属性_$set方法

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activated {color: red} </style> <scrip 阅读全文

posted @ 2020-03-05 13:55 前端之旅阅读(3054) 评论(0) 推荐(0)

vue_列表渲染v-for

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activated {color: red} </style> <scrip 阅读全文

posted @ 2020-03-05 11:57 前端之旅阅读(275) 评论(0) 推荐(0)

vue_条件渲染v-if_v-show区别

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activated {color: red} </style> <scrip 阅读全文

posted @ 2020-03-05 11:10 前端之旅阅读(490) 评论(0) 推荐(0)

vue_样式绑定

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activated {color: red} </style> <scrip 阅读全文

posted @ 2020-03-05 10:37 前端之旅阅读(166) 评论(0) 推荐(0)

vue_计算属性getter和setter方法

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文

posted @ 2020-03-05 10:13 前端之旅阅读(3216) 评论(0) 推荐(0)

vue_computed计算属性_methods方法_watch监听器

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文

posted @ 2020-03-04 17:21 前端之旅阅读(535) 评论(0) 推荐(0)

vue_模板语法

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文

posted @ 2020-03-04 16:52 前端之旅阅读(161) 评论(0) 推荐(0)

vue_生命周期钩子

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文

posted @ 2020-03-04 16:44 前端之旅阅读(191) 评论(0) 推荐(0)

vue_父子组件互相传值

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文

posted @ 2020-03-04 11:44 前端之旅阅读(369) 评论(0) 推荐(0)

vue_组件化_TodoList工具

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文

posted @ 2020-03-04 11:31 前端之旅阅读(306) 评论(0) 推荐(0)

vue_计算属性和方法的区别

摘要：在学习官网时一直没搞懂计算属性和方法的区别，查看了一些博客和资料总结了一下， 1.methods方法：控制台打印：当修改其中一个属性时，其他属性的值都没改变，但会发现methods里的方法都被执行 2.computed计算属性控制台打印：会发现当修改其中一个值的时候，只会执行于其相关的方法。阅读全文

posted @ 2019-10-20 22:44 前端之旅阅读(5945) 评论(2) 推荐(3)