VUE 学习 StudyLearning-6-组件

• 注册一个全局组件语法格式如下：

Vue.compone(target,option);

例如:

<div id="app">
    <runoob></runoob>
    <child v-bind:message="parentMsg"></child>
</div>
 
<script>
// 注册 全局使用
Vue.component('runoob', {
  template: '<h1>自定义组件!</h1>'
})
// 创建根实例
new Vue({
  // 声明 props
  props: ['message'],
  el: '#app',
  template: '<span>{{ message }}</span>'//局部属性
})
</script>

• pro 类型校验 type 可以是下面原生构造器：

String
Number
Boolean
Array
Object
Date
Function
Symbol