ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue基础1

2022-07-21 21:36:16  阅读:148  来源: 互联网

标签:vue 继承 绑定 基础 视图 使用 构造函数


v-model:双向数据绑定,数据层通过v-bind:value绑定视图层,视图层通过input事件将输入的值($event.target.value)赋值给之前绑定的value,以此实现双向绑定,可以简写成v-model=“自定义”,但是一个input只可以绑定一个v-model

 vue的优点和核心:单页面应用,主要是组件化开发,实现页面功能上的复用,减少代码量;数据驱动,不需要操作dom,数据的变化也会引起视图的变化;使用虚拟DOM,不需要频繁的操作DOM,真实DOM操作起来比较慢。

事件传参:在原生dom中$event代表事件对象,但是在vue中是代表子组件向父组件传的数据,如果没有其他参数,在标签中可以不写,直接可以在methods中调用。

MVVM:是数据层model 视图层view 和vue实例对象viewmodel的简写,数据层发生变化,视图层也会跟着变化,反之亦然,其中viewmodel充当两者之间的桥梁。优点:数据驱动,可以不用操作dom;其次降低了代码的耦合性,便于维护。

自定义指令:有全局指令和局部指令,全局的话 vue.directiveire(‘自定义名称’,function(){}),局部就在direticed(){‘名称’:function} 使用时都需要加上v- ,其中有仨个钩子函数,bind,inserted和update,前两个在页面加载的时候执行,且只会执行一次,如果要使用有关样式的指令,使用bind更好一些,如果是类似聚焦失焦这种,bind不可用,可以使用inserted;update可以执行多次,只要组件中data里面的数据变化,就可以触发update。

单向数据流:父向子传值,父亲的数据发生变化,子组件也会相应变化,反之不成立,父向子传值通过props,props一般性是只读的,不可修改。

五种继承方式:

1.原型链继承,核心是将原构造函数的prototype指向被继承的构造函数的实例对象,这样就可以使用被继承函数原型上的方法,然后使用construct在指向自己,避免使用instanceof的时候,找到被继承的原型。

2.构造函数继承:核心就是使用call或者apply方式,在构造函数内部调用被继承函数的属性。

3.组合继承,就 是前两者合起来,但是就缺点,原型上会多出一组重复的属性。

4.寄生组合继承:使用了新增的object.create(被继承的原型),可以解决上述问题。

5.class类继承:是es6中新增的,使用extends和super可以继承父类的属性和方法。

标签:vue,继承,绑定,基础,视图,使用,构造函数
来源: https://www.cnblogs.com/biubiushen/p/16503653.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有