随笔分类 -  Vue

Vue中的8种组件通信方式
摘要：Vue是数据驱动视图更新的框架，所以对于vue来说组件间的数据通信非常重要。 常见使用场景可以分为三类: 父子组件通信: props / $emit $parent / $children provide / inject ref $attrs / $listeners 兄弟组件通信: eventB 阅读全文
posted @ 2019-09-09 12:51 Irelia9102 阅读(1428) 评论(0) 推荐(1)
渐进式web应用 (PWA)
摘要：PWA（渐进式 Web 应用）运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。 PWA的特点： Discoverable, 内容可以通过搜索引擎发现。 Installable, 可以出现在设备的主屏幕。 Linkable, 你可以简单地通过一个URL来分享它。 N 阅读全文
posted @ 2019-09-06 21:39 Irelia9102 阅读(708) 评论(0) 推荐(1)
单元测试（Jest 和 Mocha）
摘要：Vue CLI 拥有通过 Jest 或 Mocha 进行单元测试的内置选项。 Jest 是功能最全的测试运行器。它所需的配置是最少的，默认安装了 JSDOM，内置断言且命令行的用户体验非常好。不过你需要一个能够将单文件组件导入到测试中的预处理器。我们已经创建了 vue-jest 预处理器来处理最常见 阅读全文
posted @ 2019-09-05 17:33 Irelia9102 阅读(6094) 评论(0) 推荐(0)
Vue Router
摘要：通过注入路由器，我们可以在任何组件内通过 this.$router 访问路由器，也可以通过 this.$route 访问当前路由 <roter-link> 支持用户在具有路由功能的应用中导航。通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置tag 属性生成别的标签. 阅读全文
posted @ 2019-09-03 19:49 Irelia9102 阅读(576) 评论(0) 推荐(0)
Vuex
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 使用 Vuex 开发大型单页应用是非常合适的。如果的应用够简单，最好不要使用 Vuex。 Vuex 的特性： Vuex 的状态存储是响应式的。 阅读全文
posted @ 2019-09-02 17:11 Irelia9102 阅读(278) 评论(0) 推荐(0)
webpack配置（vue）
摘要：Vue-loader Vue-loader 是一个加载器，能把 .vue 文件转换为js模块。 Vue Loader 的配置和其它的 loader 不太一样。除了将 vue-loader 应用到所有扩展名为 .vue 的文件上之外，还需要在 webpack 配置中添加 Vue Loader 的插件 阅读全文
posted @ 2019-08-29 23:02 Irelia9102 阅读(1504) 评论(0) 推荐(0)
Vue API 4 (过渡和动画）
摘要：transition name 用于自动生成 CSS 过渡类名。例如：name: fade 将自动拓展为 .fade-enter ，.fade-enter-active等。默认类名为 "v" appear ，是否在初始渲染时使用过渡。默认为 false。 css ，是否使用 CSS 过渡类。默认为 阅读全文
posted @ 2019-08-28 19:05 Irelia9102 阅读(353) 评论(0) 推荐(0)
Vue API 3 （模板语法 ，指令）
摘要：条件 v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 v-show v-show 指令也是用于根据条件展示一块内容。v-show 只是简单地切换元素的 CSS 属性 display。 v-if 与 v-show v-if 有更高的切换 阅读全文
posted @ 2019-08-27 19:14 Irelia9102 阅读(214) 评论(0) 推荐(0)
VueAPI 2 （生命周期钩子函数）
摘要：所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。 beforeCreate 在实例初始化之后，此时还不能访问到data。 created created钩子函数中已经可以访问data，ajax请求最好放 阅读全文
posted @ 2019-08-26 09:43 Irelia9102 阅读(262) 评论(0) 推荐(0)
vueAPI (data，props，methods，watch，computed，template，render)
摘要：data Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化。实例创建之后，可以通过vm.$data来访问原始数据对象 为什么组件中的data是一个方法返回一个对象，而不是直接赋值给一个对象？ 因为组件可能被用来创 阅读全文
posted @ 2019-08-25 19:15 Irelia9102 阅读(589) 评论(0) 推荐(0)
Vue重要知识
摘要：Event Bus 总线 Vue中的EventBus是一种发布订阅模式的实践，适用于跨组件简单通信。 Vuex也可以用来组件中进行通信，更适用于多组件高频率通信。 使用方式： 1.把Bus注入到Vue根对象中，在子组件中可以通过this.$root.Bus.$on()，this.$rooot.Bus 阅读全文
posted @ 2019-08-15 21:34 Irelia9102 阅读(182) 评论(0) 推荐(0)