vue基础1
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可以继承父类的属性和方法。
posted on 2022-07-21 21:25 biubiushen 阅读(39) 评论(0) 编辑 收藏 举报
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~