Vue组件之动态组件

vue

动态组件:不同组件之间进行动态切换,通过 Vue 的 <component> 元素加一个特殊的 is attribute 实现

辰风沐阳 阅读 1790 2020-08-02

Vue组件插槽的使用

vue

插槽就是子组件提供给父组件使用的一个占位符,用 `<slot></slot>` 表示,父组件可以在这个占位符中填充任何模板代码,如:html、组件等,填充的内容会替换到子组件中的 `<slot></slot>` 标签

辰风沐阳 阅读 1789 2020-08-02

自定义事件子组件与父组件通信

vue

自定义事件子组件与父组件通信,子组件中使用 $emit('tt')

辰风沐阳 阅读 1886 2020-08-02

Vue 父子组件通信传值(子组件中使用父组件中的数据)

vue

使用 props 向子组件传递数据,实现在子组件中使用父组件中的数据

辰风沐阳 阅读 1766 2020-08-02

Vue组件的data必须是一个函数、单个根元素、局部组件

vue

Vue组件的data必须是一个函数:一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝;每个组件必须只有一个根元素:组件模板只能有一个根元素;局部组件定义示例

辰风沐阳 阅读 1759 2020-07-31

Vue 组件介绍及使用

vue

`组件是可复用的Vue实例`,通过自定义元素实现组件;html标签不区分大小写,统一使用小写,多个单词使用短横线隔开(art-list);可以使用Vue.component注册全局组件

辰风沐阳 阅读 1700 2020-07-31

layui 表单引入 ueditor 遇坑记

Layui

layui表单引入ueditor发现无法获取ueditor的内容,经过排查发现将表单容器div标签改为form标签就可以了。刚开始用div是因为layui官方文档说表单容器可以是div标签,只要赋予 .layui-form 类就行。

辰风沐阳 阅读 2421 2020-07-31

Vue 2.x 侦听器 watch【初识】

vue

Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性。当属性发生改变时,自动触发属性对应的侦听器。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。

辰风沐阳 阅读 1717 2020-07-20

Vue2 计算属性 computed【初识】

vue

模板内的表达式非常便利,但是它们的设计初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。computed 计算属性就是专门用于进行复杂的属性计算的。计算属性是基于它们的响应式依赖进行缓存的。只有在相关响应式依赖发生改变时它们才会重新求值,methods 不缓存。

辰风沐阳 阅读 1724 2020-07-20

Vue指令之列表渲染

vue

v-for 指令基于一个数组来渲染一个列表。使用 `item in/of items` 形式的语法,其中 items 是源数据数组,item 是被迭代的数组元素别名,支持多种数据格式:`Array | Object | number | string | lterable(2.6新增)`

辰风沐阳 阅读 1649 2020-07-19