东方不败--Never

2024年10月25日

摘要： modelValue 与 update:modelValue（父子相传v-model，相互绑定）父组件 1 <script lang="ts" setup> 2 import { ref } from 'vue' 3 const value = ref({ 4 page: 1, 5 size: 2 阅读全文

posted @ 2024-10-25 18:03 东方不败--Never 阅读(287) 评论(0) 推荐(0)

学习vue——图片、富文本的新增与修改回显

摘要：方法一 1 <el-upload 2 ref="RefUpload" 3 class="avatar-uploader" 4 :auto-upload="false" 5 :show-file-list="false" 6 :on-change="handleChange" 7 > 8 <img v 阅读全文

posted @ 2024-10-25 17:51 东方不败--Never 阅读(230) 评论(0) 推荐(0)

2024年10月24日

学习vue——element plus 处理时间 & 中文语言处理

摘要： import { dayjs } from 'element-plus' export const formatTime = (time) => dayjs(time).format('YYYY年MM月DD日') <el-table-column prop="date" label="Date" w 阅读全文

posted @ 2024-10-24 14:57 东方不败--Never 阅读(177) 评论(0) 推荐(0)

2024年10月16日

学习vue——vue2、vue3与Django路由打通配置

摘要：一、vue2与Django路由打通配置 main.js 文件 1 const { defineConfig } = require('@vue/cli-service') 2 module.exports = defineConfig({ 3 transpileDependencies: true, 阅读全文

posted @ 2024-10-16 14:45 东方不败--Never 阅读(128) 评论(0) 推荐(0)

2024年10月15日

学习vue——ref && refs

摘要：一、vue2 二、vue3 用dom 获取孙子的属性和方法，但是孙子的属性和方法必须暴露出来阅读全文

posted @ 2024-10-15 16:30 东方不败--Never 阅读(16) 评论(0) 推荐(0)

学习vue——vue2、vue3 父子相传、vue3非父子相传

摘要：一、vue3 父子相传 vue3双向绑定的父子相传 v-model="value.selectId" 就等于 v-model:modelValue="value.selectId" 方法二：defineMode, vue 3.3 以上的版本 vit.config.ts import { define 阅读全文

posted @ 2024-10-15 11:17 东方不败--Never 阅读(19) 评论(0) 推荐(0)

学习vue——vue2、vue3 的watch、computed 语法

摘要：一、vue3 watch 1 import { ref, watch } from 'vue' 2 3 const user = ref({ name: 'zd', age: 22 }) 4 watch( 5 user, // 监视多个参数：[xx1,xx1] 6 (newValue, oldVal 阅读全文

posted @ 2024-10-15 10:08 东方不败--Never 阅读(439) 评论(0) 推荐(0)

2024年9月26日

学习vue——vuex（state、mutations、actions、getters、分模块）

摘要：一、获取公共数据 store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { count: 100, title: 'zd' } 阅读全文

posted @ 2024-09-26 10:51 东方不败--Never 阅读(242) 评论(0) 推荐(0)

2024年9月25日

学习vue——路由

摘要：一、配置vue2路由 vue2 router 版本3.6.5 router/index.js 1 import Vue from 'vue' 2 import VueRouter from 'vue-router' 3 import MyHeader from '@/components/MyHea 阅读全文

posted @ 2024-09-25 11:38 东方不败--Never 阅读(30) 评论(0) 推荐(0)

2024年9月24日

学习vue——vue2、vue3创建项目及安装包版本

摘要：一、vue2 # 下载node 、npm nvm install 14.21.3 # 切换国内镜相 npm config set registry=https://registry.npmmirror.com npm i @vue/cli -g vue —version 或者 vue -V # 创建阅读全文

posted @ 2024-09-24 15:45 东方不败--Never 阅读(155) 评论(0) 推荐(0)

东方不败--Never

公告