雪落忆海

2019年10月19日

摘要：编程式导航与router-link导航相比，router-link类似于a标签，编程式导航相当于ajax，导航用页面跳转 Home.vue hash模式与History模式在main.js中加入： main.js 阅读全文

posted @ 2019-10-19 16:37 雪落忆海阅读(586) 评论(0) 推荐(0)

摘要： 1.动态路由传值 1.在components目录下新建vContent.vue组件 2.在main.js中加入： main.js： 3.在News.vue中动态路由传值： 1.配置动态路由 2.在对应的页面 2.get传值 1.在components目录下新建Goods.vue组件 2.首页组件阅读全文

posted @ 2019-10-19 01:59 雪落忆海阅读(371) 评论(0) 推荐(0)

2019年10月18日

15.vue中的路由vue-router

摘要： 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 雪落忆海阅读(199) 评论(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 雪落忆海阅读(185) 评论(0) 推荐(0)

2019年10月13日

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

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

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

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

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

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

11.父组件向子组件传值

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

posted @ 2019-10-13 13:34 雪落忆海阅读(218) 评论(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 雪落忆海阅读(193) 评论(0) 推荐(0)

2019年10月3日

9.生命周期函数

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

posted @ 2019-10-03 02:51 雪落忆海阅读(352) 评论(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 雪落忆海阅读(1858) 评论(0) 推荐(0)

公告