- 博客(4)
- 收藏
- 关注
RSS订阅原创 vue 路由基础配置 ，传参， 跳转
二级路由(子路由)的router-view标签就放到 父路由的template里面即可 （在配置路由代码引入子页面）网页i的其他内容，比如顶部的标题/导航，或者底部的一些版权信息等会和处于同一个等级。： 该标签是一个vue-router中已经内置的组件 ，他会渲染成一个标签。在路由切换时，切换的是挂载的组件，其他内容不会发生改变。：该标签会根据当前的路径，动态渲染出不同的组件。
2023-12-06 16:10:34
473
原创 vue 父子组件双向数据绑定，调用 使用ref获取原生DOM
在：自定义属性.sync=“传递过去的变量”自定义属性名后面加上.sync表示传递的是一个同步变量。拿到子组件对象就可以直接调用子组件的methods函数或者修改 自组建的data的数据。子组件： HelloWorld.vue: 点击子组件button更改父组件的数据。如果ref属性是定义在自定义组件标签上面 那么最终获取的就是子组件的对象。父组件： app.vue: 点击button更改子组件msg数据。子组件: Child.vue : 点击更改父组件数据。父组件：this.$children[索引]
2023-12-04 15:55:25
648
原创 vue框架插槽基础
2.在子组件标签上面通过v-bind：绑定一个自定义属性名值为要传给子组件的变量。5. 这个变量就可以世界在子组件里面渲染 但是子组件不能更改这个变量的值。3.在子组件的js里面 跟data同级的位置 定义 props:数组。父给子传参 是单向数据绑定 父组件更改 子组件响应 子组件无法更改。在子组件的js里面 跟data同级的位置 定义 props:数组。只能在当前.vue组件里面使用的 就是局部组件（子组件）反复服用的组件文件（页面的上到处都有的效果封装成组件）
2023-12-02 11:38:20
342
1
原创 vue基础
注意：一个标签最多只能有一个class属性 但是可以有多个class是v-bind绑定的另一个class是没有被v-bind绑定的。<标签 v-for="(变量1,变量2,变量3) in 对象名"></标签><标签 v-for="(变量1，变量2) in 数组"></标签><标签 v-for="(变量1，变量2) in 数组"></标签><标签 v-for="(值,键,索引) in 对象名"></标签>语法：<标签 v-bind：属性名=“变量或表达式”></标签>
2023-11-22 14:30:31
19
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人