摘要: 动态路由传参有两种方式 1.query传参:相当于get 必须定义path属性,通过query传参 通过 this.$route.query 接收参数 2.params传参:必须定义 name 属性,通过params传参 通过 this.$route.params接收参数 第一种方式 props:t 阅读全文
posted @ 2022-05-11 21:09 clearlove3 阅读(121) 评论(0) 推荐(0)
摘要: 一、安装 如果你用vue-cli脚手架来搭建项目,配置过程会选择是否用到路由,如果选择y,后面下载依赖会自动下载vue-router。安装:npm i vue-router 二、创建组件 如果在一个模块化工程中使用它,必须要通过 Vue.use() 明确地安装路由功能,用vue-cli生产了我们的项 阅读全文
posted @ 2022-05-11 20:59 clearlove3 阅读(42) 评论(0) 推荐(0)
摘要: 1.事件绑定(v-on) ​ Vue中也可以给页面元素绑定事件. 语法: <!--完整写法--> <button v-on:事件名="函数名/vue表达式">点我</button> <!--简化写法--> <button @事件名="函数名/vue表达式">点我</button> 2.事件修饰符 事 阅读全文
posted @ 2022-05-11 20:53 clearlove3 阅读(36) 评论(0) 推荐(0)
摘要: 一、什么是 vue 生命周期 Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。 二、生命周期函数 Vue 的生命周期总共分为8个阶段:创建前/后,载入前/后,更新前/后,销毁前/后。 阅读全文
posted @ 2022-05-11 20:48 clearlove3 阅读(227) 评论(0) 推荐(0)
摘要: 1.钩子函数 钩子函数, 其实就是Vue提前定义好的事件 语法: <script type="text/javascript"> var app = new Vue({ el:"#app", //钩子函数created,该方法在页面显示之后,自动执行 created() { console.log( 阅读全文
posted @ 2022-05-11 16:59 clearlove3 阅读(28) 评论(0) 推荐(0)