随笔分类 -  vue

摘要:keep-alive是vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM; keep-alive包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们; 例如: 有这样一个页面 food.vue中 <template> <div> <h1>button1页面:</h1> 阅读全文
posted @ 2019-12-20 16:40 世界上最棒的鹅 阅读(729) 评论(0) 推荐(0)
摘要:第一种:get方法 传值: <router-link :to="{path:'/get',query:{userId:123,username:'xia'}}">get跳转</router-link> //或 <router-link :to="{name:'get',query:{userId:1 阅读全文
posted @ 2019-12-19 11:53 世界上最棒的鹅 阅读(3660) 评论(0) 推荐(0)
摘要:读不懂系列: 专业介绍: Vuex是一个专为Vue开发的应用程序的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 总而言之: Vuex采用类似全局对象的形式来管理所有组件的公用数据,如果想修改这个全局对象的数据,得按照Vuex提供的方式来修 阅读全文
posted @ 2019-12-17 15:38 世界上最棒的鹅 阅读(591) 评论(0) 推荐(0)
摘要:创建一个新的组件并把它添加到响应的父组件中: 首先在components文件夹下新建一个vue文件 :例如parent.vue 在新组件中添加内容:以便查看是否成功插入组件 <template> <div>这是parent组件</div> </template> 并起name名字: <script> 阅读全文
posted @ 2019-12-11 18:37 世界上最棒的鹅 阅读(163) 评论(0) 推荐(0)
摘要:父组件传给子组件:子组件通过props方法接收数据 子组件传给父组件:通过$emit方法传递参数 一、props方法: 1.静态传值: 父组件中子组件的标签设置一个自定义属性并赋值: <component message="hello"></component> 子组件中通过props方法接收 ex 阅读全文
posted @ 2019-12-11 14:33 世界上最棒的鹅 阅读(2297) 评论(0) 推荐(0)