摘要: 路由跳转的replace方法1.作用:控制路由跳转时操作浏览器历史记录的模式2.浏览器的历史记录有两种写入方式:push和replacepush是追加历史记录replace是替换当前记录,跳转路由时默认是push3.开启replace模式<router-link :replace="true"> > 阅读全文
posted @ 2022-03-02 15:03 8ling1ling 阅读(382) 评论(0) 推荐(0) 编辑
摘要: 路由的query参数1.传递参数 <!-- 跳转并携带query参数,to的字符串写法 --> <router-link :to="`/home/message/detail?id=${m.id}&title=${m.title}`">跳转</router-link> <!-- 跳转并携带query 阅读全文
posted @ 2022-03-01 17:54 8ling1ling 阅读(84) 评论(0) 推荐(0) 编辑
摘要: vue-router初体验1.安装v-router,命令 npm i vue-router2.应用插件vue.use(vueRouter)3.编写router配置项创建路由模块,在 src 源代码目录下,新建 router/index.js 路由模块,初始化代码: 查看代码 import VueRo 阅读全文
posted @ 2022-03-01 16:25 8ling1ling 阅读(125) 评论(0) 推荐(0) 编辑
摘要: vuex工作原理图 搭建vuex环境 1.下载安装vuex:npm i vuex 2.创建src/store/index.js,该文件用于创建vuex中最为核心的store 查看代码 //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex im 阅读全文
posted @ 2022-03-01 11:09 8ling1ling 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 解绑事件 阅读全文
posted @ 2022-02-24 15:02 8ling1ling 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-02-22 21:43 8ling1ling 阅读(74) 评论(0) 推荐(0) 编辑
摘要: vue中computed、methods、watch,mounted的执行顺序 1.computed是在HTML DOM加载后马上执行的,如赋值; 2.methods则必须要有一定的触发条件才能执行,如点击事件; 3.watch用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回 阅读全文
posted @ 2022-02-22 14:15 8ling1ling 阅读(6404) 评论(0) 推荐(0) 编辑
摘要: 子组件传数据给父组件(方法一)图片1-4:通过父组件给子组件传递函数类型props实现 1:定义一个添加元素的方法(函数); 2:把方法(通过父组件传值给子组件的方式)传给子组件; 3:子组件调用父组件传进来的方法; 4:子组件的元素成功添加至父组件数组todos; 总结:通过父组件给子组件传递函数 阅读全文
posted @ 2022-02-21 19:42 8ling1ling 阅读(359) 评论(0) 推荐(0) 编辑
摘要: 1.用来给元素或者子组件注册引用信息(id的替代者) 2.应用在html标签上获取的是真是的DOM元素,应用在组件标签上是组件实例对象 子组件: 查看代码 <template> <div class="demo"> <h2>学校名称:{{name}}</h2> <h2>学校地址:{{address} 阅读全文
posted @ 2022-02-21 16:47 8ling1ling 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 父组件传数据给子组件(prop) 子组件代码示例: 查看代码 <template> <div> <h1>{{msg}}</h1> <h2>学生姓名:{{name}}</h2> <h2>学生性别:{{sex}}</h2> <h2>学生年龄:{{age}}</h2> </div> </template> 阅读全文
posted @ 2022-02-21 15:32 8ling1ling 阅读(93) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示