摘要: 定义 单页面之间的跳转,建立并管理url与组件之间的映射关系 使用 <!--跳转组件 相当于a标签 to相当于href --> <router-link to="/foo">Go to Foo</router-link> <!--路由出口 组件渲染在这里--> <router-view></rout 阅读全文
posted @ 2021-08-26 17:12 瀚海云涛 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 定义: 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们 生命周期: activated:当 keepalive 包含的组件再次渲染的时候触发 deactivated: 当 keepalive 包含的组件销毁的时候触发 参数 include 包含的组件(可以为字符串,数组,以及正则表达式,只有 阅读全文
posted @ 2021-08-25 18:09 瀚海云涛 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 定义 单页面之间的跳转,建立并管理url与组件之间的映射关系 使用 <!--跳转组件 相当于a标签 to相当于href --> <router-link to="/foo">Go to Foo</router-link> <!--路由出口 组件渲染在这里--> <router-view></rout 阅读全文
posted @ 2021-08-25 18:09 瀚海云涛 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 官方说: 当我们需要从父组件向子组件传递数据时,我们使用 props。想象一下这样的结构:有一些深度嵌套的组件,而深层的子组件只需要父组件的部分内容。在这种情况下,如果仍然将 prop 沿着组件链逐级传递下去 个人理解: 在祖先组件中定义provide(提供)给后代组件的数据或方法,在后代组件中可以 阅读全文
posted @ 2021-08-25 18:08 瀚海云涛 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 问题: 添加和编辑功能同用一个模态框,并且反写数据时候,form表单里的数据并没有回显 原因: 当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去; 当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新 底层原因: 受 ES5 阅读全文
posted @ 2021-08-25 18:08 瀚海云涛 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 问题:动态赋予el-checkbox给isChecked属性时候,前端样式不生效 原因:前端添加checked属性, vue并没有添加get set方法,因此,监听不到checked值变化,进而不能更新view。 方案: 用set方法 this.$set(item2, 'isChecked', tr 阅读全文
posted @ 2021-08-25 18:07 瀚海云涛 阅读(1474) 评论(0) 推荐(0) 编辑
摘要: 组件过渡使用条件: 条件渲染 v-if 条件展示 v-show 动态组件(keep-alive缓存显示隐藏的组件) 组件根节点 <!-- * @Author: your name * @Date: 2021-06-08 18:06:58 * @LastEditTime: 2021-06-09 09: 阅读全文
posted @ 2021-08-25 18:06 瀚海云涛 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 前言 为加深对Vuex的印象,以及对vuex各种方法调用的理解,写了个例子去实际体验了一把 最终效果 代码如下 shop.vue <!-- * @Author: hhyt * @Date: 2021-06-25 11:20:53 * @LastEditTime: 2021-05-27 10:10:0 阅读全文
posted @ 2021-08-25 18:05 瀚海云涛 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 问题:学习自定义指令时候,在directive/index.js中有这样一段代码: import copy from "./copy"; export default { install(Vue) { Vue.directive('copy', copy); }, }; 详见:vue自定义指令封装( 阅读全文
posted @ 2021-08-25 18:05 瀚海云涛 阅读(1267) 评论(0) 推荐(0) 编辑
摘要: 根据的都是更新后的2.6新版本 概念: 组件预留的html模板区域,这块模板显示不显示怎样显示由父组件决定 插槽作用域 父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。 案例分析 父组件 <template> <div id="app"> <h1>vue自定义 阅读全文
posted @ 2021-05-20 15:56 瀚海云涛 阅读(123) 评论(0) 推荐(0) 编辑