首页 > 建站教程 > 前端框架 >
  • Vue3自定义组件slots设置默认值

    Vue3自定义组件slots设置默认值

    在 Vue3自定义组件slots 中,介绍了如何使用slot为自定义组件插入内容,这里介绍如何设置slot的默认值: 下面为案例: 1、在自定义组件的slot中间,加入默认的内容,可以是变量、文字和

    Vue3  slots  slot  435次
  • Vue3自定义组件slots

    Vue3自定义组件slots

    Vue 实现了一套内容分发的 API,将 slot 元素作为承载分发内容的出口,在调用组件时,可以在组件的标签中间插入文字、html内容或变量。 下面为案例: 1、自定义一个按钮组件 templateb

    Vue3  slots  slot  226次
  • Vue3.x自定义组件使用v-model实现双向绑定

    Vue3.x自定义组件使用v-model实现双向绑定

    1、单个v-mode数据绑定 默认情况下,组件上的v-model使用modelValue作为prop和update:modelValue作为子组件更新父组件值的事件。我们可以通过向v-model传递参数来修改这些名称: 父组件: templa

    vue3  双向绑定  v-model  411次
  • vue3.x第三方插件mitt实现跨组件传值

    vue3.x第三方插件mitt实现跨组件传值

    Vue3.x以后从实例中移除了 $on , $off 和 $once 方法,$emit 仍然是现有 API 的一部分,只能实现子组件触发父组件的方法。 mitt插件地址: https://github.com/developit/mitt 使用mitt之前先安装mitt模块

    vue3  mitt  735次
  • vue3子组件用$emit发送事件给父组件,以及用emits判断参数合法性

    vue3子组件用$emit发送事件给父组件,以及用emits判断参数合法性

    vue3子组件调用父组件方法,除了this.$parent之外,还有$emit,这个和Vue2一样,但是,vue3多了个emits对调用之前进行参数判断,用法如下: 接收消息方(父组件) template v-login @submit='doLog

    vue  vue3  $emit  emits  2251次
  • Vue CLI 3下运行Vue CLI 2项目

    Vue CLI 3下运行Vue CLI 2项目

    Vue从2升级到了3,有了质的变化,Vue Cli也和老版本不一样了,需要按照下面的步骤进行使用: 1.全局安装一个桥接工具 npm install -g @vue/cli-init 2.创建Vue CLI 2 项目 vue init webpack my-project 注:

    vue3  vue Cli3  158次
  • Vue props中Object和Array设置默认值

    Vue props中Object和Array设置默认值

    Vue中,在props中设置Object和Array的默认值 seller: { type: Object, default() { return {} }}sellerArr: { type: Array, default: []} 当父组件没有传这个值或者值是空时,输出的话,返回: 下面这种是错误的

    Vue  props  Object  Array  254次
  • VUE3安装和创建项目

    VUE3安装和创建项目

    首先,在安装VUE3之前,请先卸载已经安装的VUE2,即卸载vue-cli: npm uninstall -g @vue/cli 一、通过Vue-cli创建我们的项目 1、全局安装Vue-cli: yarn global add @vue/cli# ORnpm install -g @vue/cli# ORcnpm in

    vue2  vue3  vue3安装  180次
  • vue2.X和vue3.X的区别

    vue2.X和vue3.X的区别

    一、默认进行懒观察(lazy observation) 在 2.x 版本里,不管数据多大,都会在一开始就为其创建观察者。当数据很大时,这可能会在页面载入时造成明显的性能压力。3.x 版本,只会对「

    vue3  vue2  212次
  • Vue进阶,效率和优雅我都要

    Vue进阶,效率和优雅我都要

    以下不讨论加入TypeScript 和 JSX/TSX 一、使用 require.context 实现前端工程自动化 require.context是一个 Webpack 提供的Api,通过执行require.context函数获取一个特定的上下文,主要是用于实现自动化

    vue  107次
275条 上一页 1.. 15 16 17 18 19 20 21 22 23 ..28 下一页