Vue2.0 使用 https 启动工程设置

项目工程根目录下,找到文件 vue.config.js。设置 module.exports.devServer.https: true

module.exports = {
    productionSourceMap: false,
    configureWebpack: {
        devtool: 'source-map'
    },
    // 它支持webPack-dev-server的所有选项
    devServer: {
        https: true, // https:{type:Boolean}
        open: true, //配置自动启动浏览器
        proxy: {
            
        }
    }   
};

效果

 

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue2.0 中的 set 是一个函数,它可以用来添加响应式属性。通常,我们在 Vue 实例中定义的 data 对象里,只有事先定义的属性才是响应式的,也就是说,如果要使用一个新属性,我们需要手动地去添加它。当我们需要向对象添加新的属性,并希望这个属性同时是响应式的时,就可以使用 set 函数。 set 函数接受三个参数:目标对象、属性名和属性值。其中,目标对象必须是一个 Vue 实例的 data 对象中的一个已有属性。当我们使用 set 添加新的属性时,Vue 会将这个新属性和参数对象中的属性相互绑定,这意味着在任何一个地方更新这个属性,都会立即更新其他地方的属性。使用 set 函数添加属性的语法为:Vue.set(vm.obj, 'newProp', 123)。 使用 set 可以让我们在运行时动态地为一个对象添加新的属性,并且这个属性是响应式的。这样一来,就可以在模板中使用动态属性来绑定数据,而不用去手动地将属性添加到 data 中,从而提高开发效率。但是,我们也需要注意,在大量使用 set 函数的时候,由于每一个属性都会生成一个新的依赖,会导致内存占用量变大,因此应该尽量减少使用 set 函数的次数。 综上所述,使用 set 函数可以方便地向对象动态添加响应式属性,从而提高代码开发效率。同时,需要注意使用 set 时要避免过度使用导致内存占用量变大问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值