【Vue】Vue的核心
l的三个修饰符： 计算属性-computed 插值语法实现 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue初体验</title> <!-- 1.引入Vue --> <script src="../js/vue.js"></script></head><body> <!-- 2.准备一个容器 --> <...
Vue按照顺序实现多级弹窗（附Demo）
目录 前言1. 单个弹窗2. 多级弹窗 前言 强化各个知识点，以实战融合，以下两个Demo从实战提取 1. 单个弹窗 部署按钮框以及确定的方法即可 截图如下所示： 以下Demo整体逻辑如下： 点击“生成周月计划”按钮会触发showWeekPlanDialog方法，该方法会先检查是否选择了数据，然后调用calculateWeekPeriods方法计算时间段并显示周计划对话框 在周计划对话框中，选择时间段...
vue3学习笔记-快速上手
创建第一个vue3的应用 之前看书学习vue,书籍对应的版本是vue2,今天群里看小伙伴聊天，觉得他们说得对 ，反正是从零开始学，而且vue2都不维护了，那为什么不直接学习vue3呢，于是乎，又开启了从0学vue3之路。 参考教程：https://cn.vuejs.org/guide/quick-start.html 安装nodejs环境之后，执行 npm create vue@latest 命令就可...
【Vue3】computed计算属性的使用
</template> <script setup lang="ts" name="item"> import {ref,reactive,toRefs,toRef,computed} from "vue" let firstName = ref('abc') let lastName = ref('def') const handleTestComputed = computed(()=>{ ret...
【Vue3】watch监听使用【超详细】
iv></template> <script setup lang="ts" name="item"> import {ref,reactive,toRefs,toRef,watch} from "vue" let name = ref("小张") watch(name,(newVal,oldVal)=>{ console.log("新值:",newVal); console.log("旧值:",ol...
VUE3与Uniapp 五 （v-if、v-show和template的使用）
v-if="true"> <text>{{item}}</text> <view> </template></template> <script setup> import {ref} from "vue"; let day = ref(1);</script> <style lang="scss"> </style> ...
Vue 动态加载全局样式css（切换ui主题方案）
思路： 1、准备多个主题的css 该主题定一些按钮的样式，字体的大小，颜色 main.js中根据场景来引用css import Vue from 'vue'import App from './App'import router from './router'import VueRouter from 'vue-router' .... if (sessionStoreage("orgType")...
ssm+vue的公务用车管理智慧云服务监管平台查询统计（有报告）。Javaee项目，ssm vue前后端分离项目
演示视频： ssm+vue的公务用车管理智慧云服务监管平台查询统计（有报告）。Javaee项目，ssm vue前后端分离项目 项目介绍： 采用M（model）V（view）C（controller）三层体系结构，通过Spring + SpringMvc+ Mybatis+Vue+Maven来实现。MySQL数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简单。 报告截图： ...
Vue2中子组件调用父组件的方法，父组件调用子组件的方法，父子组件互相传值和方法调用
lick="gettest">获取test组件中的值</button> </div></template> <script>import test from "./components/test.vue"; export default { components: { test }, data() { return {} }, methods: { gettest() { console.log(t...
Element-ui-vue3-前端界面开发-配置-编辑main.js-nodejs基础语法-vue3-html模板语法-vue文件编译
前端配置 1.下载nodejs 18 lts 2.配置nodejs和安装vue 3.vue调试技巧 3.1.debugger 3.2.vue devtools 4.编辑main.js 5.nodejs基础语法 5.1.import 5.1.1.导入单个模块或组件 5.1.2.导入整个模块或库 5.1.3.导入默认导出 5.1.4.导入 css文件 5.1.5.导入模块和组件 5.2.export 5....