基础知识 基础环境 vscode 所需的插件： jshint：JS代码检查Beautify：代码美化（选中代码–>format doc）Vetur: Vue插件JavaScript (ES6) code…

过渡效果 过渡效果应用场景 条件渲染（使用v-if） 条件展示（使用v-show） 动态组件（使用:is） 组件根节点 过渡状态 opacity:0 ==> 1 enter ==>enter-active o…

Vue 实现展开折叠效果 效果参见：https://segmentfault.com/q/1010000011359250/a-1020000011360185 上述链接中，大佬给除了解决方法，再次进行总结，方便以后使用…

对于MVVM的理解 MVVM 是 Model-View-ViewModel 的缩写Model：代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。我们可以把Model称为数据层，因为它仅仅关注数据本身，不关心…

当函数执行到this.agents.splice()时，我设置了断点。发现传参index是0，但是页面上的列表项对应的第一行数据没有被删除， WTF！！！ 这是什么鬼！然后我打开Vue Devtools, 然后刷新了一下…

Vue.js（读音 /vjuː/, 类似于 view）是一套用于构建用户界面的渐进式框架，主要用于快速的构建前端界面，与其它大型的前端框架不同，Vue被设计为可以自底向上逐层应用。 相比Angular.js来说，Vue的…

如何进行动画封装，让动画变的可复用，看下面代码 .fade-enter,.fade-leave-to{ opacity: 0; } .fade-enter-active, .fade-leave-active{ tran…

怎样入门Vue？ 其实Vue的官方教程已经很详细了，而且还是中文版。在我看来已经是一个很详细的教程了。 前置要求 扎实的 JavaScript / HTML / CSS 基本功。 Vue基础 刚开始学习的话不要用任何构建…

1. render函数 (1)渲染Html render: h=>('div', [ h('span', '111') ]) render: h => h('div', [ h('ul', { on: { '…

首先我们先自己尝试实现一下数据监测。所谓数据监测就是当一个值改变时，用到这个值得地方做出相应改变。里面的核心就是 Object.defineProperty。 Object.defineProperty var obj …

使用2.2.0 新增的provide / inject控制<router-view>的显示隐藏 在App.vue中使用provide //App.vue <template> <div>…

根据组件关系划分 父子 props/$emit,$on $parent/$children $refs 兄弟 Bus Vuex 跨级 Bus Vuex provide / inject $attrs/$listeners…