前面的话 　　组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。本文将详细介绍Vue组件 ...

Vue.component( 　　'button-counter', { 　　　　 template: '<button v-on:click="count++">You clicked me {{ count }} times.</button> ...

问题描述 在 VS Code 上使用插件 Volar 开发 Vue3 项目， 然后去改 Vue2 项目时，对没有放在<template v-for>元素上的:key，会提示<template v-for> key should be placed on the < ...

template模板引用 在component的template中书写大量的HTML元素很麻烦。 Vue提供了<template>标签，可以在里边书写HTML，然后通过ID指定到组建内的template属性上； 示例： 由图可知自定义组件的count的值是自增的，是独立 ...

自定义组件的 v-model 一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的。model 选项可以用来避免这样的冲突： 现在在这个组件上使用 ...

创建一个.vue文件 ，创建一个或多个<template> 模板 使用export default { name:'' }暴露接口 个人理解类似于java开放构造方法为public 在js或者其他vue文件中 import 名称（上面声明的Name ...

一个组件的 data 选项必须是一个函数 如果data是一个函数的话，这样每复用一次组件，就会返回一份新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份data，就会造成一个变了全都会变的结果。 所以说 ...

在template标签上使用v-for报错 cannot be keyed. Place the key on real elements instead 查了一下百度，是因为key需要绑定在真实的元素上 解决方法： 1、将template标签替换成别的标签 2、将key绑定 ...