01 2021 档案

组件之间的传值：1）父子组件之间的传值 2）非父子组件之间的传值
摘要：1、父子组件之间的传值 1）父组件向子组件传值 注意子组件接受的参数，不要和自身属性的值一样，以msg为例： 父组件： 子组件： 虽然显示，但是报错了： 父组件给子组件传值不仅可以传数据还可以传方法： run(){ alert('我是Home组件的run方法');}子组件接收： 子组件点击执行父组件 阅读全文
posted @ 2021-01-28 11:34 水墨无痕258 阅读(132) 评论(0) 推荐(0)
vue-请求数据 :1) vue-resource请求数据(官方:推荐) 2) axios请求数据（第三方），具体使用方法可去github上查阅
摘要：一、vue-resource(官方) 1、安装 https://github.com/pagekit/vue-resource cnpm install vue-resource --save 2、引入 3、总结 4、写法： <button @click="getData()">请求数据</butt 阅读全文
posted @ 2021-01-28 10:35 水墨无痕258 阅读(96) 评论(0) 推荐(0)
vue-生命周期函数
摘要：生命周期函数： 组件挂载以及组件更新组件销毁触发的一系列方法，这些方法就叫做生命周期函数 lify组件： <template> <div id="life"> <h2>生命周期函数的演示 {{msg}}</h2> <button @click="setMsg">执行改变msg</button> </ 阅读全文
posted @ 2021-01-27 21:19 水墨无痕258 阅读(97) 评论(0) 推荐(0)
vue-组件
摘要：2、 scoped局部有效 <style scoped> .h2{ color: red; }</style 阅读全文
posted @ 2021-01-27 20:29 水墨无痕258 阅读(69) 评论(0) 推荐(0)
todolist模拟实现
摘要：1、带localstorage的 https://files.cnblogs.com/files/weibo258/vuedemo02%E5%B0%81%E8%A3%85localstorage.zip <template> <div id="app"> <input type="text" v-m 阅读全文
posted @ 2021-01-27 18:25 水墨无痕258 阅读(104) 评论(0) 推荐(0)
vue-02 定义方法、执行方法
摘要：<div ref="box">我是一个box</div><button v-on:click="getInputValue">获取第二个表单里的数据</button><br><br><button v-on:click="run1()">执行事件的第一种写法</button><button @cli 阅读全文
posted @ 2021-01-27 16:22 水墨无痕258 阅读(186) 评论(0) 推荐(0)
vue-01
摘要：1、 2、v-bind 可以简略： v-html v-text v-bind:class的使用 <div v-bind:class="{'red':flag}">我是div</div> <div v-bind:class="{'red':flag,'blue':!flag}">我是另一个div</d 阅读全文
posted @ 2021-01-27 15:16 水墨无痕258 阅读(58) 评论(0) 推荐(0)
vuex
摘要：Action用于处理异步任务 阅读全文
posted @ 2021-01-25 15:35 水墨无痕258 阅读(29) 评论(0) 推荐(0)