vue知识点记录疑难杂症

1.Vue Devtools无法使用的原因 开启 Vue.config.devtools

←就是它，Vue Devtools如果不能用，就考虑是不是config中这一项被关闭。

开启方法：在main.js中增加/修改 Vue.config.devtools = true，刷新，重新打开调试界面（option+command+i / F12）一般来说就可以在工具栏最后一项看到有“Vue”出现了，如果还没出现就重新npm run dev

2.Vue.config.productionTip的意思

生产模式需要在main.js中关闭 ：Vue.config.productionTip = false ，作用是阻止 vue 在启动时生成生产提示。

即，不设false会在生产环境依旧提示：

You are running Vue in development mode.

Make sure to turn on production mode when deploying for production.

3.vue父子模块双向传递信息的方法

父→子：父级components模块属性传值 + 子级props元素接受初始值 + 子级watch props元素变化值

子→父：子级$emit('value-change',value) + 父级components模块添加指令@value-change="changeMethod" + 父级methods中写针对传值的处理函数changeMethod(value)

4. beforeMount在vue + ele里实现特殊情况时改变data默认值

因为有时候打开页面要直接看到指定某页的信息，所以就无法继续使用data中默认的第一页的值1 尝试监听页码更改时判断赋值和在mounted中判断赋值都不生效，于是看了文档发现在beforeMount中可以做这个处理，尝试后生效:

beforeMount(){

    if(this.$route.params.history){

        this.pageInfo.page = Number(this.$route.params.history)

    }

}

---------------------

作者：_wanwan5856

来源：CSDN

原文：https://blog.csdn.net/wanwan5856/article/details/78469325

版权声明：本文为博主原创文章，转载请附上博文链接！