![](https://img-blog.csdnimg.cn/20210330211721791.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端学习记录#vue
文章平均质量分 61
学习记录,发表个人对知识的理解,熟练对知识的掌握
小小·程序媛
一步一个脚印
展开
-
vue项目开发中页面之间传递参数的方法
vue中几种参数传递的方法#1.编程式导航(router.push)##1.1.命名路由(params)##1.2.查询路由(query)#2.声明式导航##2.1.命名路由(params)##2.2.查询路由(query)#1.编程式导航使用方法:this.$router.push()如果里边放的是字符串,直接跳到对应的路径eg:this.$router.push("/Login")会直接跳到Login页面,这时候并不传递参数1.1.命名路由传递参数使用方法://这里通过传一个对原创 2021-05-14 15:28:36 · 8326 阅读 · 4 评论 -
组建中的data需要函数
组件中的data函数学习的时候,听说这里是一个面试点,记录一下自己的理解大家都知道在Vue实例中的data,我们可以直接返回一个对象的值,而不需要把data封装成一个函数,为什么组件中就需要把data封装成一个函数呢?我们写项目的时候,一般只写一个vue实例,这意味着我们在整个项目中都是在这一个vue实例中进行的,所以我们改变vue实例中data值的时候,其他地方也都会改变。而组件不一样,我们写一个组件,更想让他能得到复用,所以我们会写多个组件的实例,这时候,我们要保证每个数据都是一个独立的,而原创 2021-04-06 16:49:24 · 154 阅读 · 0 评论 -
计算属性
计算属性本篇文章主要记录一下自己对计算属性的一些学习和认识,通过博客记录来熟练和巩固自己的学习。星光不问赶路人,功夫不负有心人,加油~因为表达式如果过长,或者逻辑更加复杂,就会变得臃肿甚至难阅读和维护,而计算属性可以解决这样的问题<dvi id='app'>{{reverseText}}</div><script> var app=new Vue({ el:'#app', data:{ text:'123,456', }, co原创 2021-04-01 16:00:48 · 154 阅读 · 0 评论