vue漫漫踩坑路

Posted 2020-10-25 evermenot

// 一些在学习vue时遇到的问题--这篇随笔更像是我自己的学习笔记（写写东西加深理解  更多的是给自己看的  里面可能会有些理解上的错误欢迎指出--感谢）

1. 注册全局组件必须在Vue实例之前（通常指vm之前），是为了保证注册的全局组件在任意的实例中都可以使用

2. Vue.component(参数一，参数二)，参数一为要注册的全局组件的名称，参数二的类型可以为一个对象还可以为一个构造函数

3. Vue.extend 扩展 实例 构造器（个人理解就是创建简化了的vm，一般用来创建全局组件）

1 // 1.创建一个特殊的vue实例
2         const com1 = Vue.extend({
3             template: ‘<h2>vue的全局组件--定义方式一--略略略略略略</h2>‘,
4             data: function () {
5                 // 扩展实例中的data必须是一个函数
6                 return {}
7             }
8         })
9         console.dir(com1);    // 可以看出创建的com1为构造函数 而非组件   它上面的原型属性prototype指向  Vue$3 {constructor: ?}

4. 组件中的data必须是函数 实质是解决多个组件间共用一个data对象

5. 使用驼峰命名的组件 在以自定义标签的形式写入到容器中时，必须使用小写且连接部分使用‘-’来连接

未完待续~~~~~~~~~~~~~~~~~~~~~~~~~~~11:32:44