问题1:关于使用vue安装项目的时候出现了 command failed: pnpm install --reporter silent --shamefully-hoist 报错
解决方法
vue create (项目名称) -m npm
vue create 命令可选项:-m, --packageManager 在安装依赖时使用指定的 npm 客户端
问题2:Vue2 子组件props接收对象 error Unexpected mutation of “form” prop vue/no-mutating-props
为什么产生这种问题:
违反vue单向数据流
实质上,在子组件内,我们并不可以直接将 prop 的变量应用于子组件深层次组件的 v-model 上(因为 v-model 会隐含的对 prop 值更新),故上图的用法是肯定会触发错误的。
解决方法
-
这个 prop 用来传递一个初始值;这个子组件接下来希望将其作为一个本地的 prop 数据来使用。在这种情况下,最好定义一个
本地的data prop
并将这个本地 prop 当作其初始值:props: ['goodsItem'], data: () return { localGoods: this.goodsItem }
-
如果这个 prop 以一种原始的值传入且需要进行转换。在这种情况下,最好使用这个 prop 的值来定义一个计算属性 .
props: ['goodsItem'],
computed: {
normalizedSize: function () {
return this.goodsItem.trim().toLowerCase()
}
}