vue
努力学前端的阿龙
这个作者很懒,什么都没留下…
展开
-
混入和自定义指令(写一个类似于:style的自定义指令)
混入[Mixin]什么是混入混入的出现,其更好的解释就是对组件中可复用的功能进行管理,简单来说,假设是三个组件A,B,C,他们每个组件中都有同样的data中的属性,且属性值也一致,那么我们可以将这些重复的东西装入混入中进行管理,哪里需要用,我们就将混入的东西导入到已有的组件中即可,这样一来,即使没有在data中定义这些属性,我也可以使用它(前提是我导入了混入,并正确使用了他)。当然混入不仅...原创 2020-01-20 19:16:47 · 218 阅读 · 0 评论 -
递归组件、依赖注入、$refs、provide、inject的用法
递归组件、依赖注入、$refs、provide、inject的用法$root 用来访问根组件$parent 用来从一个子组件访问父组件的实例ref 和 $refs 的用法在组件上面使用 ref 这个属性绑定,属性值自取,然后就可以通过 $refs.属性名 这种方式去获取到指定组件的实例了。其实不仅仅是组件能够使用 ref ,标签元素也能使用。依赖注入现在我们有一个需求...原创 2020-01-20 19:13:35 · 525 阅读 · 0 评论 -
具名插槽、作用域插槽的新写法
具名插槽、作用域插槽的新写法具名插槽自 2.6.0 起有所更新。已废弃的使用 slot attribute 的语法但是我们有了新的语法,如下:子组件 childCom:<template id="childCom"> <div> <!-- 具名插槽的针对于组件中不止一个插槽的情况下使用,使用方式,即:给每个插槽指定 name 属性,在使用...原创 2020-01-19 20:23:10 · 854 阅读 · 0 评论 -
组件使用v-model、$listeners、.sync(区别于v-model的双向数据绑定)
组件使用v-model、$listeners、.sync(区别于v-model的双向数据绑定)自定义组件的v-model首先我们先说一下在自定义组件中使用v-model的必要条件在自定义的组件中要有input(这里我们先不讨论单选复选框)在自定义组件的模板对象中要有props属性,且里面要含有一个value在自定义组件的input标签上要绑定value属性值为props中传入的值,...原创 2020-01-19 20:19:43 · 370 阅读 · 0 评论 -
Prop验证、inheritAttrs、$attrs的用法和坑
Prop、inheritAttrs、$attrs的用法和坑Prop验证Vue.component('my-component', { props: { // 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证) propA: Number, // 多个可能的类型 propB: [String, Number], // ...原创 2020-01-19 20:16:09 · 185 阅读 · 0 评论 -
Vue中你不知道的东西以及一些注意事项
Vue中你不知道的东西以及一些注意事项v-html使用 v-html的时候该指令中的值会覆盖绑定标签中原有的值,且使用v-html的时候不要将他设置为给用户提供内容的地方,因为v-html很容易被XSS攻击v-bind使用v-bind绑定属性值为布尔值的属性时,如果数据为truthy,则该布尔值属性都不会被渲染出来如果数据值为其他任意存在的值,就意味着值为truev...原创 2020-01-18 20:17:20 · 257 阅读 · 2 评论