vue

vuejs props传参的单向数据流及例外情况

我们在vue中,父组件和子组件,父组件给子组件传递数据以后,基本是子组件不可以直接修改父组件传递过来的数据,但是也有例外,如果父组件传递过来的数据是对象或者数组,那么子组件是可以修改对象中数据,也可...

vuejs事件子组件和父组件通信问题

举例,我们在vue的一个组件中,给组件外发送一个add的事件,那么如何监听这个事件呢?下面用个代码展示 created() { this.$on('add',()=>{ alert(11111) }) }, meth...

vue组件

vue的data数据,在实例里面和组件里面的格式是不同的,要注意举例 //实例里面是 data{ steps:[ {name:'hello world',completion:false}, {name:'hello vue',completion:false}, {name:'...

vue axios中匿名函数和箭头函数的区别

我们的vue中使用axios的时候,我们可以使用匿名函数,也可以使用新的格式的箭头函数 //箭头函数 axios.get(this.route).then((res)=>{ this.steps = res.data.steps; }).catch((...

vue组件中传值

比方说我们的html代码为 <steps nihao="100"></steps> 那么vue的组件中我们的代码可以这么写。需要写到前面哦 props:[ 'nihao' ], //调用的时候,直接使用this.nihao就可以了

vue最常用的生命周期函数created和mounted

实际开发当中,大部分的时候,你用created和mounted其实是没有什么区别的。我们最常用的也就是这两个,像updated等其实是很少用到的。 created我们使用的时候,我们可以使用vue中的绝大部分数据和方法,但是...

axios,最新的http库,ajax替代方案

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。而我接触到这个,是因为vue不再继续维护vue-resource,并推荐大家使用 axios。 如果需要了解,请直接阅读官方文档吧。毕竟,官方文档已...

vue中的v-show和v-if的区别

v-show的条件不满足的时候,会在v-show所在的元素上加个display:none的css属性。 v-if的条件不满足的时候,会直接删除v-if所在的元素。 它们两个都能控制元素的显示,只是一个是删除,一个是隐藏

vue列表渲染

vue列表循环的时候,在单个循环的元素内部,加上v-for="单数 in 复数",具体代码看下面 //html code <div class="container" id="app"> <ul class="list-group"> <li class="list-group...

laravel中vue的注意事项

1.vue的{{}}分解符和laravel中的balde模板引擎的分解符会产生冲突 解决方法:使用vue的{{}}分解符的时候在前面加上@,@{{ message }}