雪落忆海

2019年10月18日

摘要： vue路由配置： 1.安装 npm install vue-router --save / cnpm install vue-router --save 2.引入并Vue.use(VueRouter) (main.js) import VueRouter from 'vue-router'; Vue 阅读全文

posted @ 2019-10-18 11:03 雪落忆海阅读(192) 评论(0) 推荐(0) 编辑

14.非父子组件之间传值

摘要：非父子组件之间传值 1.在src/model目录下新建VueEvent.js文件 2.在src/components目录下新建组件Home.vue和News.vue Home.vue News.vue 3.在App.vue中阅读全文

posted @ 2019-10-18 02:13 雪落忆海阅读(179) 评论(0) 推荐(0) 编辑

2019年10月13日

13.子组件主动获取父组件的数据和方法

摘要：子组件主动获取父组件的数据和方法 1.父组件Home.vue 2.子组件Header.vue 阅读全文

posted @ 2019-10-13 14:22 雪落忆海阅读(9656) 评论(0) 推荐(0) 编辑

12.父组件主动获取子组件的数据和方法

摘要：父组件主动获取子组件的数据和方法 1.父组件Home.vue 2.子组件Header.vue 阅读全文

posted @ 2019-10-13 14:09 雪落忆海阅读(533) 评论(0) 推荐(0) 编辑

11.父组件向子组件传值

摘要：父组件向子组件传值父组件Home.vue 子组件Heather.vue 1.父组件在引用子组件的时候，绑定动态属性 2.在子组件内通过props接收从父组件传过来的数据和方法阅读全文

posted @ 2019-10-13 13:34 雪落忆海阅读(209) 评论(0) 推荐(0) 编辑

10.请求数据

摘要：在vue中，有三种常用的数据请求方式： 1.vue-resource 1.安装vue-resource 2.在src/main.js中引用 3.在组件中使用home.vue 2.axios 1.安装axios 2.在组件中引入使用箭头函数，不用担心this的指向 3.fetch-jsonp 使用方阅读全文

posted @ 2019-10-13 01:54 雪落忆海阅读(179) 评论(0) 推荐(0) 编辑

2019年10月3日

9.生命周期函数

摘要：生命周期函数，也叫生命周期钩子，是指组件挂载以及组件销毁所触发的一系列的方法。在components目录下新建Life.vue组件，用于演示生命周期函数在Home.vue组件内引用阅读全文

posted @ 2019-10-03 02:51 雪落忆海阅读(338) 评论(0) 推荐(0) 编辑

2019年10月1日

8.使用scss，创建组件，scoped局部作用域

摘要： 1.使用scss scss是能让css从属关系看起来更加直观在项目目录下运行安装命令：然后在项目目录中的webpack.config.js中的rules里加入配置代码：如果出现报错： sass-loader的版本过高导致的编译错误，当前最高版本是8.x，需要退回到7.3.1运行 2.新建组件阅读全文

posted @ 2019-10-01 04:29 雪落忆海阅读(1829) 评论(0) 推荐(0) 编辑

2019年9月29日

7.模块化封装Storage实现缓存数据持久化

摘要： 1.模块化封装Storage实现缓存数据持久化 1.在src目录下新建目录model，在model目录下新建js文件取名storage.js 2.在App.vue中引用：阅读全文

posted @ 2019-09-29 00:12 雪落忆海阅读(365) 评论(0) 推荐(0) 编辑

2019年9月28日

6.条件渲染v-if、监听键盘事件$event

摘要： 1.条件渲染v-if、监听键盘事件$event vi-if与v-show用法相同，v-if是代表根据条件渲染，v-show是代表将所有的都渲染出来，根据条件显示。阅读全文

posted @ 2019-09-28 07:05 雪落忆海阅读(601) 评论(0) 推荐(0) 编辑

公告