Vue组件的data必须是一个函数、单个根元素、局部组件
Vue组件的data必须是一个函数：一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝；每个组件必须只有一个根元素：组件模板只能有一个根元素；局部组件定义示例
辰风沐阳 阅读 1119 2020-07-31
Vue 组件介绍及使用
`组件是可复用的Vue实例`，通过自定义元素实现组件；html标签不区分大小写，统一使用小写，多个单词使用短横线隔开（art-list）；可以使用Vue.component注册全局组件
辰风沐阳 阅读 1083 2020-07-31
Vue 2.x 侦听器 watch【初识】
Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性。当属性发生改变时，自动触发属性对应的侦听器。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。
辰风沐阳 阅读 1134 2020-07-20
Vue2 计算属性 computed【初识】
模板内的表达式非常便利，但是它们的设计初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。computed 计算属性就是专门用于进行复杂的属性计算的。计算属性是基于它们的响应式依赖进行缓存的。只有在相关响应式依赖发生改变时它们才会重新求值，methods 不缓存。
辰风沐阳 阅读 1104 2020-07-20
Vue指令之列表渲染
v-for 指令基于一个数组来渲染一个列表。使用 `item in/of items` 形式的语法，其中 items 是源数据数组，item 是被迭代的数组元素别名，支持多种数据格式：`Array | Object | number | string | lterable(2.6新增)`
辰风沐阳 阅读 1059 2020-07-19
Vue指令之条件渲染
v-show 和 v-if 指令都可以用于条件渲染。v-show 当表达式为false时仅仅是被赋予 style="display:none" 属性；v-if 则是直接将标签替换为 html中的注释 <!---->
辰风沐阳 阅读 1070 2020-07-19
v-model 创建双向绑定
v-model 用于 在表单 <input>、<textarea> 及<select>元素控件或者组件上创建双向绑定，它负责监听用户的输入事件以更新数据
辰风沐阳 阅读 1070 2020-06-30
Vue 指令之v-on的使用
v-on 指令用于监听 DOM 事件。v-on:click 可简写为 @click。修饰符：.stop 禁止冒泡、.once 只能触发一次。v-on绑定的事件方法中的this 自动绑定为当前 Vue实例
辰风沐阳 阅读 1039 2020-06-29