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