Javascript

Vue组件的三大核心概念

本文主要是介绍Vue组件的三大核心概念,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

组件是小型的、可以复用的、一个个独立的UI模块;

三大核心概念:属性、事件和插槽。

属性:

 

 事件:

 

 对于修饰符事件,.trim .stop等是定义好的。

插槽:

 

 现在多用<template v-slot:xxx='props'> ... </template>和<template v-slot:xxx>...</template>这些新的形式,性能会更好。

 

总结: 属性,事件和插槽,都是父组件传递给子组件的内容,然后由子组件分别根据传递的内容去执行它们的一些行为。所有的功能完全可以通过属性去完成

 

vue是单向数据流,并不是双向绑定。vue是如何进行数据绑定的?

v-model仅仅是语法糖,实际是用属性的传递和事件的回调来实现数据更新的。在默认设置的model里可以进行自定义:

对于属性prop,默认的是value;对于事件event,默认的是input。

这篇关于Vue组件的三大核心概念的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!