2020年1月20日
依赖注入、递归组件的用法
摘要： 处理边界情况 1. 用来访问根组件 2. 用来从一个子组件访问父组件的实例 3. 和 的用法 在组件上面使用 这个属性绑定，属性值自取，然后就可以通过 这种方式去获取到指定组件的实例了。 其实不仅仅是组件能够使用 ,标签元素也能使用。 4. 依赖注入 现在我们有一个需求，如果我们存在多个组件嵌套的， 阅读全文
posted @ 2020-01-20 19:24 scriptLiu 阅读(416) 评论(0) 推荐(0) 编辑
手写vue中v-bind:style效果的自定义指令
摘要： 自定义指令 1. 什么是自定义指令 以 v 为前缀，然后加上自己定义好的名字组成的一个指令就是自定义指令。为什么要有自定义指令呢？在有些时候，你仍然需要对普通的DOM元素进行底层的操作，这个时候就可以用到自定义指令。 2. 自定义指令的语法 1. 全局自定义指令 javascript // 注册一个 阅读全文
posted @ 2020-01-20 19:22 scriptLiu 阅读(993) 评论(0) 推荐(0) 编辑
2020年1月19日
具名插槽、作用域插槽的新写法
摘要： 插槽 1. 具名插槽 自 2.6.0 起有所更新。已废弃的使用 attribute 的语法 但是我们有了新的语法，如下： 子组件 childCom: 父组件 app: 效果图： 注意： 只能添加在 上 2. 作用域插槽 有时让插槽内容能够访问子组件中才有的数据是很有用的。但是由于子组件的作用域在子组 阅读全文
posted @ 2020-01-19 21:04 scriptLiu 阅读(662) 评论(0) 推荐(0) 编辑
组件使用v-model、$listeners、.sync(区别于v-model的双向数据绑定)
摘要： 自定义组件 1. 自定义组件的v model 首先我们先说一下在自定义组件中使用v model的必要条件 在自定义的组件中要有input(这里我们先不讨论单选复选框) 在自定义组件的模板对象中要有props属性，且里面要含有一个value 在自定义组件的input标签上要绑定value属性值为pro 阅读全文
posted @ 2020-01-19 21:01 scriptLiu 阅读(228) 评论(0) 推荐(0) 编辑
Prop验证、inheritAttrs、$attrs的用法和坑
摘要： Prop 1. Prop验证 javascript Vue.component('my component', { props: { // 基础的类型检查 ( 和 会通过任何类型验证) propA: Number, // 多个可能的类型 propB: [String, Number], // 必填的 阅读全文
posted @ 2020-01-19 20:59 scriptLiu 阅读(434) 评论(0) 推荐(1) 编辑
2020年1月18日
vue基础中的注意事项，以及一些学习心得
摘要： 分享一些基础小白们可能不知道的东西、以及一些基础的知识的注意事项 阅读全文
posted @ 2020-01-18 20:04 scriptLiu 阅读(1007) 评论(1) 推荐(2) 编辑
2019年11月22日
webpack加载css文件及其配置
摘要： webpack加载css文件及其配置 1. 当我们写了几个css文件之后如果想要引用到html中去的话我们最开始的方式就是通过link标签将css文件导入进去，但是如果我们的css文件有很多的话，一个个的导入是不推荐的；而现在我们学了webpack，我们希望的是通过打包bundle.js文件，将所有 阅读全文
posted @ 2019-11-22 12:53 scriptLiu 阅读(1802) 评论(0) 推荐(0) 编辑
webpack3、4的基本的使用方法
摘要： webpack的基本使用 webpack的安装 1. webpack的使用时需要借助 node 的环境的 2. 在 node 中自动下载了 npm 这个包管理工具，之后的操作我们需要使用npm包管理工具进行相关操作 3. 我们需要打开终端（cmd）或者编译器中的终端（我使用的vs code编译器，使 阅读全文
posted @ 2019-11-22 12:46 scriptLiu 阅读(356) 评论(0) 推荐(0) 编辑
2019年10月21日
js继承机制的实现
摘要： js继承机制的实现 1. 继承的概念 1. 说明继承的最经典的例子：几何形状。实际上，几何形状只有两种，即椭圆形（是圆形的）和多边形（具有一定数量的边）。圆是椭圆的一种，它只有一个焦点。三角形、矩形和五边形都是多边形的一种，具有不同数量的边。正方形是矩形的一种，所有的边等长。这就构成了一种完美的继承 阅读全文
posted @ 2019-10-21 19:06 scriptLiu 阅读(717) 评论(0) 推荐(0) 编辑
2019年10月20日
apply、bind、call方法的作用与区别
摘要： js中call、apply、bind方法的作用和区别 1. call方法 + 作用：专门用于修改方法内部的 指向 + 格式： 。即：将 方法的 指向为 + 实例： 解析：没有使用 call 方法时，test方法的this指向全局对象window，而当使用了call方法后，将test的this指向从w 阅读全文
posted @ 2019-10-20 23:04 scriptLiu 阅读(825) 评论(0) 推荐(2) 编辑