【vue】主分支外的一些知识点

v指令

v-model/v-bind/v-on等使用
1. dom属性由v-bind控制,`单向绑定`,数据到视图。
2. dom事件由v-on监听 
3. v-model 指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建`双向数据绑定`,根据表单上的值,自动更新绑定的元素的值。

【vue attrs listeners】

【vue-router 路由模式】

【Vue中的nextTick】

https://www.jianshu.com/p/a7550c0e164f

【vue refs】

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例:
【vue $refs操作DOM】

<!-- `vm.$refs.p` will be the DOM node --> 
<p ref="p">hello</p> 
<!-- `vm.$refs.child` will be the child component instance -->
<child-component ref="child"></child-component>

vm.$set()

强制注册响应式

vue keep-alive

这个是组件缓存技术
1.前端哈默b站视频

Vue中this.$parentthis.$ children

当前组件实例可以访问父实例和子实例

vue常用修饰符 不太熟

https://juejin.cn/post/6981628129089421326

VUE实例可用的$属性值

$data
1 .Vue实例观察的数据对象,Vue实例代理了对其data对象属性的访问
$el
1 .Vue实例使用的根DOM元素
$options
1 .用于当前Vue实例的初始化选项,需要在选项中包含自定义属性时会有处理
$parent
1 .父实例,如果有的话
$root
1 .当前组件树的根Vue实例,如果当前实例没有父实例的话,此实例会是自己
$children
1 .当前实例的直接子组件
2 .注意是子组件,还是直接的
3 .不能保证顺序,也不是响应式的
4 .如果发现自己尝试使用$children 来进行数据绑定,考虑使用一个数组配合v-fork来生成子组件,并且使用Array作为真正的来源
$slot
1 .用来访问被slot分发的内容,每个具名slot都具有相应的属性
2 .default属性包括了所有没有被包含在slot中的节点
$scopedSlots
1 .用来访问scoped slots
$refs
2 . 一个对象,包含了所有拥有ref 注册的子组件
$isServer
1 .当前实例是否运行于服务器
$props
1 .当前组件接收到的props对象
2 .vue实例代理了对其props对象属性的访问
$attrs
1 .包含了父作用域中不作为prop被识别的特性绑定,除了class和style
2 .当一个组件没有声明任何prop时,这里会包含所有父作用域的绑定,并且可以通过v-bind="$attrs"传入内部组件--在创建高级别的组件时非常有用
3 .
$listeners
1 .包含了父作用域中的时间监听器,可以通过v-on="$listeners"传入内部组件--在创建更高层次的组件时非常有用

VUE实例可以用的$方法

https://blog.csdn.net/qq_36303110/article/details/112246657

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值