baiyongjieBLog

[toc] 父访问子-children-refs ref如果是绑定在组件中的, 那么通过this.$refs.refname获取到的是一个组件对象. ref如果是绑定在普通的元素中, 那么通过this.$refs.ref…

[toc] 介绍 在开发中，往往一些数据确实需要从上层传递到下层： 比如在一个页面中，我们从服务器请求到了很多的数据。 其中一部分数据，并非是我们整个页面的大组件来展示的，而是需要下面的子组件进行展示。 这个时候，并不会…

[toc] 什么是组件化 组件是可复用的 Vue 实例，且带有一个名字. 组件化思想 组件化是Vue.js中的重要思想 – 它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用。 …

[toc] 基础语法金和原理 你可以用 v-model 指令在表单<input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法…

[toc] for循环 es5写法, 通常会写成下面这个样子 const myArray = [10, 20, 30] for (var index = 0; index < myArray.length; ind…

1.push方法, 在数组最后面添加元素 2.unshift(): 在数组最前面添加元素 3.pop(): 删除数组中的最后一个元素 4.shift(): 删除数组中的第一个元素 5.splice作用: 删除元素/插入元…

原理和介绍 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。 也可以…

v-if、v-else-if、v-else 这三个指令与JavaScript的条件语句if、else、else if类似。 Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素或组件 v-show v-if当条件为…

监听事件 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 v-on介绍 作用：绑定事件监听器 缩写：@ 预期：Function | Inline Statement | Obj…

每个计算属性都包含一个getter和一个setter 在上面的例子中，我们只是使用getter来读取。 在某些情况下，你也可以提供一个setter方法（不常用）。 计算属性会进行缓存，如果多次使用时，计算属性只会调用一次…