Vue
陈迹·清欢
这个作者很懒,什么都没留下…
展开
-
实现Vue双向绑定
先用v-bind:value将msg数据的更新绑定到input上,然后给input添加input事件,每次监听输出并更新msg的值,以此达到双向绑定。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义双向绑定</titl...原创 2020-04-05 19:23:28 · 137 阅读 · 0 评论 -
Vue 计算属性VS侦听VS方法
先来看一个应用场景,一个人名字由firstName以及LastName构成,我需要知道fullName,我们采用三种方式实现并进行对比。 第一种:方法 <body> <!--挂载点 模板 示例区别--> <div id="root"> {{fullName() + " " + age}} </div> ...原创 2020-04-04 17:55:59 · 246 阅读 · 0 评论 -
Vue生命周期
所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此 this 与你期待的 Vue 实例不同,this.fetchTodos 的行为未定义。 beforeCreate 类型:Fu...原创 2020-04-04 09:26:38 · 164 阅读 · 0 评论