Vue问题解决

问题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 值更新），故上图的用法是肯定会触发错误的。

解决方法

1. 这个 prop 用来传递一个初始值；这个子组件接下来希望将其作为一个本地的 prop 数据来使用。在这种情况下，最好定义一个本地的data prop 并将这个本地 prop 当作其初始值：

    props: ['goodsItem'], 
        data: () 
   		 return 
   		{    
               localGoods: this.goodsItem 
           } 
   

2. 如果这个 prop 以一种原始的值传入且需要进行转换。在这种情况下，最好使用这个 prop 的值来定义一个计算属性 .

props: ['goodsItem'],
computed: {
  normalizedSize: function () {
    return this.goodsItem.trim().toLowerCase()
  }
}