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