前端 Vue3

Router路由

多级路由在Vue路由生态里,支持配置二级、三级、四级等多级路由,理论上没有上限,实际业务中用到的级数通常是三级到四级 比如你做一个美食类网站,打算在 “中餐” 大分类下配置一个 “饺子” 栏目,那么地址就是: 1https://che...

前端 Vue3

组件传值、ES6学习

组件含义封装一段html代码,避免重复开发 特点 也是一个实例,也有data、methods等等属性 template属性代表组件内容【html代码】 不用挂载到某个标签中 避免重复开发 分类 全局组件 语法 123vue实例.c...

前端 Vue3

Props类型传值

一、单向数据流​ 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难...

前端 Vue3

v-on事件

绑定方式 v-on:事件名 @事件名 事件修饰符 .stop 阻止事件冒泡 .prevent 阻止默认事件发生 .capture 使用事件捕获模式 .self 只有元素自身触发事件才执行。(冒泡或捕获的都不执...

前端 Vue3

v-model表单绑定

前面讲解的插值、v-text、v-html都是单向绑定的, 如果需要双向绑定则使用v-model, 因为是双向绑定, 意味着可以在视图中修改数据。 基础用法​ 在表单控件或者组件上创建双向绑定。它会根据控件类型自动选取正...

前端 Vue3

Vue3生命周期钩子

每个组件在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 1...