- 博客(10)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 Vue初学25-webpack的基本使用
webpack是代码编译工具，可以实现代码的打包，其最大的特点是实现了前端模块化。webpack是依赖于node环境的，因此,使用之前需要安装node。node的较新版本中一般都自带了npm(node package manager)。下面用一个小例子，说明基本使用方法。
2020-04-30 15:27:27
310
原创 Vue初学24-前端模块化
随着前端的功能越来越复杂，代码量越来越多。如果众多的js文件不采用模块化的方式管理，势必会遇到一个问题，那就是全局变量重名。相信很多前端开发者都遇到过这个问题。通过匿名函数加返回值的方式实现模块化是比较繁琐的，es6中已经帮我们实现了模块化。在引用js文件的时候，通过添加type="modual"属性，各个js文件实现独立，通过export和import，各js文件实现交互。
2020-04-27 09:10:35
255
原创 Vue初学23-作用域插槽的使用
由于作用域的限制，父组件在替换子组件的插槽时只能引用父组件中的数据。如果父组件在替换子组件插槽是要用子组件中的数据，就要用到作用域插槽。子组件中的slot要动态绑定一个属性，用于传递数据，例如：data="xxx"，父组件在替换slot的时候，早期版本需要用到template标签，绑定slot-scope="yyy"属性,然后通过绑定的yyy引用slot中传递的数据。
2020-04-24 14:12:56
317
原创 Vue初学21-slot(插槽)的基本使用
在使用组件时，经常会用到一些相似的组件，这些组件有很多共性，但又不完全相同。如果将这些组件都封装成不同的组件，会出现很多重复的代码，难免浪费资源。为了提高组件的复用性和可移植性，组件中如果有些地方可以让用户来决定放什么东西，那组件的使用就变得非常灵活。slot正是为了解决这个问题。
2020-04-21 09:32:27
214
原创 Vue初学20-父子组件间的引用-子组件引用父组件
父子间引用子组件用的比较多，子组件引用父组件用的相对较少。子组件引用父组件使用$parent。
2020-04-20 10:45:09
494
原创 Vue初学19-父子组件间的引用-父组件引用子组件
上两篇提到父子组件间的通讯可以通过数据传递的方式，通过props和$emit。父子组件之间还可以相互引用，父组件拿到子组件的实例，进而调用子组件的属性和方法等。反之，子组件拿到父组件的实例也是一样。先看下父组件如何引用子组件，两种方式$children和$refs。
2020-04-17 17:22:44
651
原创 Vue初学18-父子组件间的数据传递-子传父
父子组件间的数据传递，父传子通过属性props，子传父通过事件$emit应用场景如下：子组件有一个列表，子组件的列表被点击后，将被点击的列表项数据传递给父组件。
2020-04-15 11:21:54
306
原创 Vue初学17-父子组件间数据传递-父传子
组件之间的数据通讯需要通过参数传递，父组件传递给子组件通过props属性，结合属性的动态绑定实现。props中有相应的属性和父组件中要传递的属性对应，相当于中间桥梁。子组件无法直接引用父组件中的数据。
2020-04-09 16:54:32
237
原创 Vue初学16-组件中的数据绑定
组件是为了复用，因此，组件中的数据不可能是一成不变的，往往也需要动态绑定数据。组件中也支持data属性，但是data是全局的，组件的所有实例都共享data。相同组件在使用时，数据必须独立，这样才有意义，因此，data数据的返回通过函数返回，因为函数是独立的作用域，能够确保不同组件实例，数据是独立的。以简单的计数器为例，如下
2020-04-04 17:11:24
306
Vue初学22-具名插槽（slot）的使用-标题导航栏为例
2020-04-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人