vue——组件第一天

Vue.component（‘id’,{}）

定义组件

组件内属性

template:``

定义组件模板，多个标签的话需要使用<div></div>包裹

注意！！！template的``是反单引号 在esc键下面

data:()=>{
return {count:0}
}

相当于组件内的data，如果不使用函数将会造成所有组件共享一个变量

props:[‘pro1’,‘pro2’]

自定义组件属性 通过插值表达式在组件中使用，用法很大，可以和v-bind结合使用，传入json格式的话，可以{{pro1.name}}这种方式表示

组件事件

组件中的示例格式：
@click="$emit(‘enlarge-text’,10)"

通过$emit(‘id’,arg1)的函数绑定body上的组件
在body上的组件通过使用@id=“js代码” 监听事件