BorderBox的博客

Vue2.0指令

由于javascript的自身问题，vue无法检测到对象的属性添加或者是删除如果是添加新程序的话 脚手架.vue文件里  1)想添加对象属性的话 用this.$set(this.obj,属性名，属性值)就可以了 并且改变对象的新属性 也可以更新 perfect2)想删除对象属性的话  用this.$set(this.obj,属性名,undefined)     这个是文档没得我

自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的DOM操作，并且是可复用的。　　比如谷歌图片的加载做得非常优雅，在图片未完成加载前，用随机的背景色占位，图片加载完成后才直接渲染出来。用自定义指令可以非常方便的实现这个功能。效果：　　自定义指令的第二用

有时，我们想要显示一个数组过滤或排序后(filtered or sorted)的副本，而不是实际改变或重置原始数据。在这种情况下，可以创建一个返回过滤或排序数组的计算属性。例如：li v-for="n in evenNumbers">{{ n }}li>data: { numbers: [ 1, 2, 3, 4, 5 ]},comp

由于 JavaScript 的限制，Vue 无法检测到以下数组变动：当你使用索引直接设置一项时，例如 vm.items[indexOfItem] = newValue当你修改数组长度时，例如 vm.items.length = newLength为了解决第 1 个问题，以下两种方式都可以实现与 vm.items[indexOfItem] = newValue 相同的效果，但是却

名字 性别 切换 加上key 就可以避免vue的默认高效渲染元素机制

{{people.name}}的有{{people.length}} {{people.name}}有{{people.length}} {{people.name}}足有{{people.length}} 根据条件分别渲染不同条件的数据

Vue2.0

Vue2.0

Vue2.0

Vue2.0

(用的脚手架vue-cli)第一步：在main.js中如下声明使用import axios from'axios';Vue.prototype.$axios=axios;那么在其他vue组件中就可以this.$axios调用使用第二步：在webpack配置一下proxyTable(config之下的index.js)dev: { 加入以下pr