数据类型 了解 JS 的小伙伴 ES6 开始 新增了两个基本类型，即改变为 “五基两空一对象” 基础类型string、number、boolean、null、undefined、symbol、bigint对象类型Object对象Array、RegExp、Date、Error、Math、ArrayBuffer..... 除了 symbol 和 big…

传统原生表单上传样式已经不满足现在前端发展的需求，现在市场通常采用各种第三方UI组件库满足日常所需。但在开发中包括我在内的不少开发者知其然却不知其所以然，这篇文章让我们彻底搞懂文件上传的各个场景 单一文件上传 实现思路 实现上传功能仍然需要借助 input 的 file 属性，并隐藏隐藏元素 使用 js 手动触发 input 事件 用 html 元…

<script>    import { useRouter } from 'vue-router'    exprot default {   setup(){            const router = useRou…

vue <template>  <div class="about">    <h1>This is an about page</h1>    <h2 @click="handleClick">{{name}}</h2> &n…

provide,Inject const app = Vue.createApp({    setup(){      const {provide,ref,readonly} = Vue;      const name = ref("hello");   …

const app = Vue.createApp({    setup(){      const {        ref,        onBeforeMount,       &n…

watch监听器具备一定的惰性 lazy ( 页面第一次加载的时候不会监听 )参数可以拿到原始和当前的值基本数据类型 和 对象的用法略有不同 基本用法 const app = Vue.createApp({    setup(){        const {reactive , watc…

基本用法 const App = Vue.createApp({    setup(){        const {ref,computed} = Vue;        const count = ref(0);     &n…

context对象中有三个参数attrs 用来替代 props:{} 来接受父组件的传值slots 函数时渲染父组件中的槽口内容emit 替代之前的 this.$emit 进行父子组件之间传值 用法如下 /*attrs*/const app = Vue.createApp({    template:` <child ap…

ref ref 处理基础类型的数据原理， 通过proxy 对数据进行封装，当数据变化时，出发模板等内容的更新 const app = Vue.createApp({    template: `      <div>{{name}}</div>    `,…