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)
    }

}

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值