Vue踩坑记录

Failed to mount component: template or render function not defined.

解决方案：在import时导入完整后缀名

props定义方式

1. 数组形式

 props: ["customer_id"]

2.对象方式

props: {
    // 基础类型检测 (`null` 意思是任何类型都可以)
    propA: null,
    // 多种类型
     propB: [String, Number],
      // 必传且是字符串
     propC: {
        type: String,
       required: true
     },
     // 数字，有默认值
     propD: {
       type: Number,
       default: 100
     },
     // 数组/对象的默认值应当由一个工厂函数返回
     propE: {
       type: Object,
       default: function () {
         return { message: 'hello' }
       }
     },
     // 自定义验证函数
     propF: {
       validator: function (value) {
         return value > 10
       }
     }
   }

在项目中看到@click.native.prevent， 查了一点资料 总结一下，

1.给vue组件绑定事件时候，必须加上native ，否则会认为监听的是来自Item组件自定义的事件，

2.prevent 是用来阻止默认的 ，相当于原生的event.preventDefault()

转载于:https://www.cnblogs.com/jayjay798/p/11471220.html