![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
醉死梦红尘丶
学学代码,写写代码
展开
-
vue路由$router和route介绍
$router : 是路由操作对象,只写对象$route : 路由信息读取对象,只读对象操作 路由跳转this.$router.push({ name:'haha', params:{ a:'nihao', b:'80' }})读取 路由参数接收this.a = this.$route.params.a;this.b = this.$route.params.b;...原创 2020-08-18 09:08:08 · 147 阅读 · 0 评论 -
vue父子于非父子组件传值方式
父子组件传值props/$emit//父向子 //父 <child v-bind:msg="aaaa"><child> //子 props:{ mag:{ type:string,//接受类型 default:""//默认值 } }//子向父 //子 <button @click="passMsg">传输</button> methods:{原创 2020-08-18 09:06:18 · 81 阅读 · 0 评论 -
vue中路由传参数的方式
query匹配 pathparams匹配name$route.query1、传参数:this.$router.push({ path: '/aaa', query:{ id:id, }})2、获取参数:this.$route.query.id3、在url中形式(url中带参数)http://localhost:8080/#/aaa?id=14、页面之间用路由跳转传参时,刷新跳转后传参的页面,数据还会显原创 2020-08-18 09:06:01 · 124 阅读 · 0 评论 -
vue简介和在html上的简单入门
vue文章目录vue简介结构科普:javaScript框架科普:ui框架科普:构建工具科普:主流前端框架MVVM模式注意:在mvvm架构中,不允许数据和视图直接通信,只能通过VIewModel来通信于是就定义了一个Observer观察者第一个VUE用法绑定属性 v-bind:属性名=""判断语句 v-if=""for语句监听事件 用v-on指令监听dom事件双向数据绑定 使用 v-model 指令与表单元素进行绑定vue它的7个属性组件什么是组件Axios异步通信什么是Axios为什么要使用Ax原创 2020-08-17 12:25:28 · 907 阅读 · 0 评论