13.Vue.js 组件
2021-05-12 09:30
阅读：470
YPE html>
标签：str doc 系统 ffffff one input 实例 oat ret
组件（Component）是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素，封装可重用的代码。
组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：
注册一个全局组件语法格式如下：
Vue.component(tagName, options)
tagName 为组件名，options 为配置选项。注册后，我们可以使用以下方式来调用组件：
全局组件
所有实例都能用全局组件。
Vue 测试实例 - 菜鸟教程(runoob.com)
局部组件
我们也可以在实例选项中注册局部组件，这样组件只能在这个实例中使用：
Prop
prop 是父组件用来传递数据的一个自定义属性。
父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 "prop"：
message ="hello!">
动态 Prop
类似于用 v-bind 绑定 HTML 特性到一个表达式，也可以用 v-bind 动态绑定 props 的值到父组件的数据中。每当父组件的数据变化时，该变化也会传导给子组件：
message="parentMsg">
以下实例中将 v-bind 指令将 todo 传到每一个重复的组件中：
v-bind:todo="item">
注意: prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来。
13.Vue.js 组件
标签：str doc 系统 ffffff one input 实例 oat ret
原文地址：https://www.cnblogs.com/cainame/p/12008540.html
评论
亲，登录后才可以留言！