摘要：
vue如何在地址栏拼接url参数： this.$router.push({path:this.$route.path,query:{参数名:参数值}}) this.$router.push({path:this.$route.path,query:{cityName:location.city}}) 阅读全文
posted @ 2022-05-11 12:25
青柠~
阅读(1784)
评论(0)
推荐(0)
摘要：
路由跳转和传参 import { defineComponent, onMounted, reactive, readonly, ref } from 'vue'; import { useRouter, useRoute } from 'vue-router'; export default de 阅读全文
posted @ 2022-05-11 12:22
青柠~
阅读(872)
评论(0)
推荐(0)
摘要：
组件之间的传递数据的方式 、父子间通信：父传子 子组件内定义props属性，父组件通过v-bind(:)向子组件传递数据 2、父子间通信：父传子 当子组件内部没有定义props属性时，可以在父组件上用v-bind传递数据，子组件通过this.$attrs获取，获取过来是一个对象，里面包含所有父组件传 阅读全文
posted @ 2022-05-11 12:20
青柠~
阅读(99)
评论(0)
推荐(0)
摘要：
vue 组件之间数据传递 1、props:父组件 -->传值到子组件 app.vue是父组件 ，其它组件是子组件，把父组件值传递给子组件需要使用 =>props 在父组件（App.vue）定义一个属性（变量）sexVal = '男' 把该值传递给 子组件(B.vue)，如下： App.vue <te 阅读全文
posted @ 2022-05-11 12:19
青柠~
阅读(228)
评论(0)
推荐(0)
摘要：
Vuex有五个核心概念： state, getters, mutations, actions, modules。 1. state：vuex的基本数据，用来存储变量 state: { userId: '', name: '', token: '', } 在vue中使用 this.$store.st 阅读全文
posted @ 2022-05-11 12:15
青柠~
阅读(66)
评论(0)
推荐(0)
摘要：
(1)动态路由 动态路由规则定义： { path:'/关键词/:参数名' } 冒号后面是一个参数名，能够在进行路由规则匹配时，能够匹配到任意的字符或者数字。 第一步：创建一个详情页面 第二步：在路由配置文件中定义一个动态的路由规则 { path:'/movieinfo/:mid',component 阅读全文
posted @ 2022-05-11 12:12
青柠~
阅读(299)
评论(0)
推荐(0)
摘要：
Vue3最重要的新特性之一 作用：之前vue对象规定了我们必须把某一类数据放到某一个结构中，这样在一定程度上对我们的代码进行了强制的分割。而在vue3 中我们引入了setup（）合成API语法，他可以将某数据关联的内容都整合到一个部分，即使setup（）中的内容越来越多，也会围绕着大而不乱的形式开发 阅读全文
posted @ 2022-05-11 12:05
青柠~
阅读(49)
评论(0)
推荐(0)
摘要：
1.setup 定义计算属性 <script src="https://unpkg.com/vue@next"></script> <body> <div id="app"> <h3>setup-computed计算属性</h3> obj.b: {{obj.b}} <br> <p>计算属性：2倍：{ 阅读全文
posted @ 2022-05-11 12:02
青柠~
阅读(208)
评论(0)
推荐(0)
摘要：
1.setup定义响应式数据（ref单值） <script src="https://unpkg.com/vue@next"></script> <body> <div id="app"> <h3>setup-ref响应式</h3> <p>希望这里返回的b是响应式的</p> a:{{a}} - b: 阅读全文
posted @ 2022-05-11 11:59
青柠~
阅读(271)
评论(0)
推荐(0)
摘要：
1.第一个vue3程序，重温经典双向绑定 学写第一个vue3程序， 感受从vue2到的vue3的平滑过渡。 <script src="https://unpkg.com/vue@next"></script> <body> <div id="app"> <h3>经典的双向绑定</h3> <input 阅读全文
posted @ 2022-05-11 11:55
青柠~
阅读(163)
评论(0)
推荐(0)
浙公网安备 33010602011771号