[JavaScript知识库]细节混淆知识点

引入包：
第三方包（从npm下载的）：直接引入，不需要变量接（所有的模块包名名字都是小写）
如：下载bootstrap 第三方模块包

自定模块包：需要使用变量接（自定模块包是自己定义的，并且需要导出才能引入才能使用，因此需要使用变量接）

区别：

默认导出 | 按需导出

默认导入 | 按需导入

css样式中：
为了避免塌陷：父子关系用padding；兄弟关系用margin（首先得找准标签间的关系）

子组件内：
props传值的两种方式
①. //?props:?['']????//?数组的方式只能起名，

②. 对象可以详细的修饰限制

  // props: ['']
  // 数组的方式只能起名，对象可以详细的修饰限制
  // 变量定义完成后得使用，在父组件中使用（父—>子)
  props: {
    // 格式
    /*
    方式①. 
    变量名：类型
    方式②.
    变量名：{  // 对变量进行类型的修饰限制或检查
      type: 类型
      default: 默认值 //在用户没有进行传值的时候，设置默认值
      required: true // 写上此变量表示必须传入
    }
    */
    bgc: String,
    colorStr: {
      typ: String,
      default: "black",
    },
    content: {
      type: String,
      required: true, // 表示必须传入content内容
    },
  },

v-model本质：

给:vue属性赋值
绑定input事件，并把值赋予给变量

try { }? catch( )--捕获异常

template模板标签中使用的变量都得在export default{中声明}
(声明变量有两个地方：data函数(return {中})、computed计算属性；函数和方法写到methods中 ?)

在new Vue中注入store，是让Vue实例拥有store的值，往Vue原型上，把store值赋值给 this.$store上，其他任意组件就可以通过this.$store访问到store对象

Vue.prototype.$store：往Vue原型对象上添加$store属性

?Vue.prototype.$store = store：往属性身上赋store对象的值

目的：确保整个项目拥有this.$store属性

总结：往Vue原型上注册，确保整个项目拥有this.$store属性；在new Vue中注入store，是让Vue实例拥有store的值，其他组件就可以通过this.$store上使用store值

全都注册与全局注册的区别：

全都注册--全都引入然后一并注册多个组件
全局注册--引入某一个，注册后，整个项目任意地方都能直接使用标签

?

?

一生种总会遇到这样的时候：你的内心已经兵荒马乱天翻地覆了，可是在别人看来你知识比平时沉默了一点，没有会觉得奇怪，这种"战争"，注定单枪匹马。

ps: 持续更新中......