vue知识点记录疑难杂症等

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

←就是它,VueDevtools如果不能用,就考虑是不是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原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。