vue
hdchangchang
这个作者很懒,什么都没留下…
展开
-
vue.extend()
简述:使用vue.extend返回一个子类构造函数,也就是预设部分选项的vue实例构造器。也就是说var myVue= vue.extend()返回了vue的一个子类。后面可以用vue.component()、new myVue().$mount('#id')、new myVue({el:'#id'}) 进行实例化。实例:<template> <my-footer></my-footer></template><script.原创 2021-09-14 12:53:40 · 956 阅读 · 0 评论 -
vue非父子之间通信 - 利用空Vue做事件总线
比较简单的非父子组件之间的通信可以采用下述模式,复杂的大型单页面程序使用VueX。Vue官方提供解释比较简单:下面来动手实现一下:场景:实现点击某个列表项,header-nav中显示出点击的是第几个列表项。实现代码:...原创 2018-04-01 13:20:56 · 403 阅读 · 0 评论 -
vue-cli构建的项目中使用svg图标
参考:https://www.zhangxinxu.com/wordpress/2014/07/introduce-svg-sprite-technology/参考:https://cisy.me/webpack-svg-sprite/1、安装插件:npm i -S svg-sprite-loader2、更改build/webpack.base.conf.js配置文件 ...原创 2018-08-26 21:53:28 · 6963 阅读 · 1 评论 -
axios中post中参数问题 --- form Data和Request payload
抛出问题:在vue项目中使用axios发post请求时候,后台返回500。发现是form Data 和 Request payload的问题。后台对两者的处理方式不同,导致我们接收不到数据。 解决问题:首先需要全局配置axios.defaults.headers.post['Content-Type'] = 'Content-Type:application/x-ww...原创 2018-10-10 13:18:40 · 18378 阅读 · 0 评论 -
vue自定义组件 v-model
官方解释:v-model指令其实是下面的语法糖包装而成:<input :value="something" @:input="something = $event.target.value">因此,对于一个带有v-model的组件,它应该如下:接收一个valueprop 触发input事件,并传入新值利用 $emit 触发 input ...原创 2019-04-16 11:16:58 · 3456 阅读 · 0 评论 -
vue中watch - deep
1、数组的watchdata() { return { winChips: new Array(11).fill(0) }},watch: { winChips: { handler(newValue, oldValue) { for (let i = 0; i < newValue.length; i++) { ...原创 2019-04-16 17:46:11 · 3703 阅读 · 0 评论 -
js中Array.apply(null,Array(3))与Array(3)的区别
vue 的官方文档其中Array.apply(null,{length:3}) 和 new Array(3) 有区别吗?首先,Array.apply(null,{length:3}) 和 new Array(3) 都是创建了一个长度为20的数组,区别是:Array.apply(null,{length:3}) 和调用 Array({length:3}[0],{length:3}[0...原创 2019-05-28 16:38:57 · 1588 阅读 · 0 评论