随笔分类 -  Vue

前端框架Vue相关
摘要:一、实例代码 父组件: <template> <div id="parent"> <child></child> </div> </template> <script> import child from './components/child' export default { name: 'pa 阅读全文
posted @ 2020-04-20 18:23 Magi黄元 阅读(427) 评论(0) 推荐(0) 编辑
摘要:先来一张经典图 生命钩子函数 使用vue的朋友们知道,生命周期函数长这样~ mounted: function() { } // 或者 mounted() { } 注意点,Vue的所有生命周期函数都是自动绑定到this的上下文上。所以,你这里使用箭头函数的话,就会出现this指向的父级作用域,就会报 阅读全文
posted @ 2020-04-15 01:53 Magi黄元 阅读(613) 评论(0) 推荐(0) 编辑
摘要:computed和watch定义 1.computed是计算属性,类似于过滤器,对绑定到视图的数据进行处理。官网的例子: <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: 阅读全文
posted @ 2020-04-13 13:50 Magi黄元 阅读(302) 评论(0) 推荐(0) 编辑