logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue获取元素或组件内容$refs

Jquery中我们可以通过$('.className')或者$('#ID')来获取元素的值或者内容,而在Vue中我们可以通过this.$refs来获取标签元素的内容或值。$("#id").text('xxx')// 使用Jquerydocument.getElementById("id")// 使用原生Dom<template><p ref="textElement">11

#javascript#前端
Vue的父子通讯和v-bind=“$props“和v-bind=“$attrs“

本文的VUE例子为typescript vue。父子通讯父组件通过props向子组件传值,子组件通过$emit向父组件传值// Father.vue<template><div><child :msg='msg' @receive='receiveMsg'></child></div></template><script

#javascript#vue.js
Vue2的$listeners和Vue3的$listeners替代品

$listeners包含了父作用域中的 (不含 .native 修饰器的) 所有v-on 事件。它可以通过 v-on=”$listeners” 传入内部组件——在创建更高层次的组件时非常有用用法:// index.vue<template><div><child :name="testName" data-name="TEST001" @GetMsg="testMsg

#javascript#vue.js
$attrs和$listeners的应用

引言多级组件嵌套需要传递数据时,通常使用的方法是通过vuex。如果为了传递数据而无中间层处理,则可以使用Vue中提供的$attrs和$listeners父子AB组件通讯A to B 通过props的方式向子组件传递,B to A 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现/** 组件A */<template><compoentB@data-add="ha

#vue.js
Npm link的作用与使用

一、为什么要用Npm link库包在开发或迭代后,不适合发布到线上进行调试(过程繁琐且会导致版本号膨胀)二、Npm link工作原理`npm link` 可以帮助我们模拟包安装后的状态,它会在系统中做一个快捷方式映射,让本地的包就好像 install 过一样,可以直接使用。三、Npm link的使用同一目录下的使用// 进入应用文件夹$ cd xxx/project_npmlink/project

#npm#前端
到底了