文件扩展名为 .vue 的 single-file components(单文件组件)
使用 webpack 或 Browserify 等构建工具
标签保存实例:
模板文件:
1.输入框组件 BaseInputText.vue:
<template>
<input
type="text"
class="input"
:value="value"
v-on="listeners" <!--这里理解为:父级通过 props 向子级传递数据,子级如果需要修改数据就需要在父级添加监听事件,并在子级中去触发事件修改值。-->
>
</template>
<script>
export default {
props:{
value:{
type:String,
default:''
}
},
computed:{
listeners(){
return {
//将所有组件侦听器直接传递给输入