前端
Hobart-Ljw
这个作者很懒,什么都没留下…
展开
-
VUE路由传参主要的3种方式
VUE路由传参有3种方式1)query方式(push时使用path来匹配)发起页面:this.$router.push({path: "/accept", //接收页面路由query: {id: 222}});路由配置:routes: [{path: "/accept"}]接受参数页面:export default{data(){return{id:this.$router.query.id; ...原创 2018-05-23 10:51:19 · 2300 阅读 · 2 评论 -
vue全局变量定义的两种主要方式
vue全局变量定义的两种方式比如我有一个VUE脚手架项目,src下有一个components目录,我在目录创建一个global文件夹,再在global文件夹下创建一个global.vue文件,其中主要代码为:<script>export default{site: "my Site Name"}</script>1)需要用时再引用方式在需要使用的页面中,主要代码片段:<...原创 2018-05-23 10:52:11 · 2117 阅读 · 0 评论 -
vue自定义公共组件
vue自定义公共组件我们在编写页面的时候,会存在公共的组件,比如头部和底部菜单我们拿公共头部为例子,想在每个页面都显示公共头部的实现方式有两种在src/components目录创建目录 common, 再创建header.vueheader.vue的片段代码为<template> <div> <h1>header in here</h1...原创 2018-05-23 11:39:58 · 12551 阅读 · 0 评论