Joe的博客-记录与学习前端知识
首页 统计 赞助 留言 关于
更多
友链 壁纸 直播
1 Joe — 一款个人类型Typecho主题 37,388 阅读 2 Joe开源目录程序系统 14,460 阅读 3 Typecho自定义后台编辑器功能 9,537 阅读 4 Joe主题实现自动更新 8,423 阅读 5 Joe主题自定义搭配色教程 5,038 阅读
WEB前端
CSS React Vue 2.0 Vue 3.0 JavaScript TypeScript
Typecho 小程序 苹果CMS 其他 生活
登录
侧边栏壁纸
博主昵称
https://78.al

  • 累计撰写 76 篇文章
  • 累计收到 3,871 条评论
  • 首页
  • 栏目
    • WEB前端
      • CSS
      • React
      • Vue 2.0
      • Vue 3.0
      • JavaScript
      • TypeScript
    • Typecho
    • 小程序
    • 苹果CMS
    • 其他
    • 生活
  • 页面
    • 统计
    • 赞助
    • 留言
    • 关于
    • 友链
    • 壁纸
    • 直播
搜索到 1 篇与 Vue 3.0 的结果
  • Vue 2与Vue 3在自定义组件v-model上的区别 2021-08-04
    Vue 2与Vue 3在自定义组件v-model上的区别 在vue开发中,通常会对一个自定义的组件进行封装,并实现v-model双向绑定功能在 Vue 2 中,通常这样实现父组件<template> <Child v-model="number"></Child> </template> <script> export default { data() { return { number: 0 } }, components: { Child: () => import("./Child.vue") } } </script>子组件<template> <button @click="handleClick">{{ value }}</button> </template> <script> export default { props: { value: Number }, methods: { handleClick() { // 通过emit一个input事件出去,实现 v-model this.$emit('input', this.value + 1) } } } </script>在 vue 3 中,通过这样实现父组件<template> <Child v-model="number"></Child> </template> <script lang="ts"> import { defineComponent, ref } from 'vue'; export default defineComponent({ setup() { const number = ref(0); return { number }; }, }); </script>子组件<template> <button @click="handleClick">{{ value }}</button> </template> <script lang="ts"> import { defineComponent } from 'vue'; export default defineComponent({ props: { // 更换成了 modelValue modelValue: Number }, setup(props, { emit }) { // 关闭弹出层 const handleClick = () => emit('update:modelValue', props.modelValue + 1); return { handleClick }; }, }); </script>
    • 2021年08月04日
    • 1,873 阅读
    • 16 评论
    • 21 点赞
博主栏壁纸
博主头像 https://78.al

76 文章数
3,871 评论量
  • Typecho开启Gzip压缩加速网站
  • 原生JS实现一个验证码功能
  • 为你的网站添加点击散开特效
人生倒计时
那年今日
  • 2021 06/01 React学习笔记三
热门文章
  1. 1 Joe — 一款个人类型Typecho主题
    Joe — 一款个人类型Typecho主题
    37388 阅读 - 02/25
  2. 2 Joe开源目录程序系统
    Joe开源目录程序系统
    14460 阅读 - 02/09
  3. 3 Typecho自定义后台编辑器功能
    Typecho自定义后台编辑器功能
    9537 阅读 - 02/08
最新回复
  • 小栗子
    小栗子
    2025-05-31
    风好大,会不会有一张钱吹到我脸上。
  • 1111
    1111
    2025-05-30
    表情
  • 大佬王
    大佬王
    2025-05-28
    哥,能不能加个会员管理系统。让会员发贴和修改自己的资料等
  • 了凡四训
    了凡四训
    2025-05-27
    珍惜眼前的美好,就是最好的生活。
  • 胖辰
    胖辰
    2025-05-26
    哈哈
舔狗日记
2019 - 2020 © Reach - Joe
已运行 00 天 00 时 00 分 00 秒
RSS MAP