Vue
文章平均质量分 79
vue的各种操作
尖兵果子
这个作者很懒,什么都没留下…
展开
-
Vue初学——路由2.定义参数并传递
VueRouter中对象$route中的params,query使用原创 2022-01-05 16:55:56 · 742 阅读 · 0 评论 -
Vue初学——路由1.基本使用
Vue中路由,vue-router,vue,routes,path,router-link,原创 2022-01-04 17:10:30 · 647 阅读 · 0 评论 -
Vue初学——路由3.路由的嵌套和路由的命名以及由路由的命名实现标准布局
path:'/',components:{,children原创 2022-01-06 17:12:06 · 927 阅读 · 0 评论 -
Vue初学——组件的初步使用
基础的组件介绍其实组件就是一个独立的Vue实例,它同样也有着Vue实例所拥有的各种属性,例如data,methods,computed等组件的创建分为三部创建组件构造器对象注册组件使用组件传统的构造组件方法原创 2021-12-23 09:58:50 · 481 阅读 · 0 评论 -
Vue初学——计算属性Computed和Methods
methodsmethods是一个vue对象中的属性,而在这个属性中,写的是种种要实现的方法.computedcomputed是一个属性,在属性中写的也是要实现的方法,那其中同方法一样的写法,总是让人觉得这里面要调用计算属性中的一个成员要用方法的形式,但实际上不用这样那么问题就来了,既然这两个的作用都一样,那么有什么区别呢computed在创建后只会调用一次其中的函数,而methods只要你每创建一个,就会调用一个,那么执行方法也需要不少时间,如果是只要调一两次方法倒还好说,如果有上百个次,那么它原创 2021-12-15 16:29:20 · 2038 阅读 · 0 评论 -
Vue初学——组件的通信props,data,$emit
之前我们了解到,组件有父组件和子组件之分。那么如果我是子组件,我需要用父组件中的方法或者数据,又或是父组件需要用子组件的方法或数据,我们应该怎么通信呢?父组件向子组件操作这里使用一个组件中的属性props,来传递给子组件要用的参数通过将你需要的props传递参数给子组件:parentmsg="msg"为你所要找的属性指定名字是parentmsg,而它的值是父组件要传给子组件的值原创 2021-12-30 10:22:47 · 263 阅读 · 0 评论 -
Vue初学——插槽,具名插槽,作用域插槽
插槽,具名插槽,作用域插槽原创 2022-01-10 17:10:12 · 2656 阅读 · 2 评论 -
Vue初学——论各大常用生命周期
生命周期生命周期分类beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyedbeforeCreatebeforeCreate实际上是在Vue对象初始化之前,就已经进入的,也就是我们遇到的第一个生命周期,在这个周期里,Vue对象的data,methods,el属性都还没有初始化,所以如果此时打印,那么会为空值.<div id="app"> {{msg}}<原创 2021-12-10 11:45:22 · 583 阅读 · 0 评论 -
Vue初学——v-bind和v-on以及v-model
初学Vue,看到大佬写的代码总是很懵逼,为什么我学到的属性大佬都不用呢?v-bindV-bind是用来绑定属性到所在的控件上的,可以通过它对页面和vue对象中的data数据实现双向绑定,你变我也变。<div id='test'><input type="button" value="wao" v-bind:title="mytitle"/></div>var vm=new Vue({ el:'#test', data:{ my原创 2021-12-10 16:15:16 · 522 阅读 · 0 评论