摘要: 1.动态路由传值 1.配置路由处 { path: '/content/:id', component: Content }, // 动态路由 2.对应页面传值 <router-link :to="/content/+item">{{item}}</router-link> 3.对应页面接值 this 阅读全文
posted @ 2019-07-29 15:07 v616 阅读(606) 评论(0) 推荐(0) 编辑
摘要: 1.安装,如果你没有在创建项目时候选择的情况下 cnpm install vue-router 2.使用 假设App为根组件,两个自定义组件home及list main.js里操作 app组件 home 效果 阅读全文
posted @ 2019-07-29 14:22 v616 阅读(1458) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2019-07-29 13:29 v616 阅读(4789) 评论(1) 推荐(1) 编辑
摘要: 1.父组件给子组件传值 home父组件 header子组件 关键字props home代码 header代码 效果: 阅读全文
posted @ 2019-07-29 12:02 v616 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 示例图 home代码 app代码 效果: 总结:比较常用的 mounted:用于请求接口渲染数据时候 beforeDestroy:用于页面销毁时,保存页面里的某些数据时候 beforeDestroy:用于页面销毁时,保存页面里的某些数据时候 阅读全文
posted @ 2019-07-29 11:05 v616 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 1.定义组件 2.在App.vue里引入Home组件 home代码 App代码 效果: 阅读全文
posted @ 2019-07-29 10:23 v616 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 1.自定义事件 例如v-on:click="run" 或者 @click="run" 效果: 2.自定义事件传值 @click="run('123')" 效果: 3.事件对象@click="run($event)" 效果: 阅读全文
posted @ 2019-07-29 08:03 v616 阅读(6943) 评论(0) 推荐(0) 编辑