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组件的三大核心概念的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航