随笔分类 -  vue

MVVM深入理解---小白速会
摘要：简单来说 MVVM 是一种将数据和视图关联的模式，是利用数据劫持结合发布订阅模式当数据变化时就更新视图。具体用到了compile（编译模板）、observe（数据劫持）、watcher（观察者）、Dep（发布订阅） 这里需要特别解释一下数据劫持和发布订阅模式： 数据劫持（observe）：就是利用  阅读全文
posted @ 2019-11-07 10:30 王小溪 阅读(383) 评论(0) 推荐(1)
异步组件使用详解
摘要：当使用局部注册的时候，你也可以直接提供一个返回 Promise 的函数 new Vue({ // ... components: { 'my-component': () => import('./my-async-component') } }) 这样引入的组件，只有在使用到的时候才加载 异步组件 阅读全文
posted @ 2019-11-07 09:57 王小溪 阅读(3748) 评论(0) 推荐(0)
动态组件使用详解
摘要：<component v-bind:is="currentTabComponent"></component> 何为动态组件，如上代码所示，即利用 is 特性，来切换不同的组件，即为动态组件。 动态组件保持状态 有时候，我们希望能保持被动态加载组件的状态，已避免反复重复渲染导致的性能问题。为了能实现 阅读全文
posted @ 2019-11-07 09:52 王小溪 阅读(3651) 评论(0) 推荐(0)
Vue.$nextTick详解
摘要：$nextTick(操作DOM的时候会用到) Vue在观察数据变化时并不是直接更新DOM，而是开启一个队列，并缓冲在同一事件循环中发生的所有数据改变 在缓冲时会去除重复数据，从而避免不必要的计算和DOM操作 然后，在下一个事件循环tick中，Vue刷新队列并执行实际（已去重的）工作。所以，如果你用一 阅读全文
posted @ 2019-10-30 09:28 王小溪 阅读(5499) 评论(0) 推荐(1)
深入理解vue .sync修饰符
摘要：.sync是vue中用于实现简单的“双向绑定”的语法糖，在平时的开发中是非常使用的。 vue的prop是单向下行绑定：父级的prop的更新会向下流动到子组件中，但是反过来不行。可是有些情况，我们需要对prop进行“双向绑定”。这个时候，就可以用.sync来解决 .sync用法 这样title的属性在 阅读全文
posted @ 2019-09-16 10:40 王小溪 阅读(20098) 评论(0) 推荐(3)
vue计算属性---快速上手
摘要：1、什么是计算属性？ 模板内的表达式非常方便，但是他的设计初衷是用于简单运算的。在模板内放入太多的逻辑会让模板过重且难以维护，例如： 这里的表达式包含3个操作，并不是很清晰，所以遇到复杂逻辑时，应该使用Vue特带的计算属性computed来处理。 2、计算属性的用法 在一个计算属性里可以完成各种复杂 阅读全文
posted @ 2019-08-21 10:05 王小溪 阅读(339) 评论(0) 推荐(0)
SPA前端权限控制方案
摘要：SPA: 单页Web应用（single page web application）将所有web活动局限于一个html页面中，利用js通过hash或者浏览器history api来实现无刷新路由跳转，前后端通过ajax数据通信，避免了浏览器的刷新重新加载，为用户提供流程的操作体验。这意味着前端接管了路 阅读全文
posted @ 2019-07-30 21:57 王小溪 阅读(831) 评论(0) 推荐(0)
vue修饰符
摘要：事件修饰符 .stop: 阻止事件冒泡 .prevent: 阻止默认行为 .capture: 添加事件使用捕获模式 .self: 事件只能有元素自身触发 .once: 事件只能触发一次 .passive: 按键修饰符 .enter .tab .delete(删除或退格键) .esc .space . 阅读全文
posted @ 2019-05-22 23:04 王小溪 阅读(758) 评论(0) 推荐(0)