模版 语法vue3 vue
Vue3 useReusableTemplate 优雅的复用模板代码
### 在Angular中有一个很好用的功能，即在不封装组件的情况下复用模板代码： > eg: ```html hello, {{title}} ``` > 我们通过`ng-template`和`ng-container`的`ngTemplateOutlet`即可实现模板复用，非常的好用！！ ### ......
windows环境下的vue部署（使用nginx）
首先需要将vue项目打包成dist，在需要部署的服务器上进行解压 然后我们使用nginx进行反向代理设置，具体操作如下 打开解压后的nginx，进入目录：nginx-1.23.4->conf，打开编辑nginx.conf *注意：对于后端路径的映射这里一定是 ^~/前缀/ 对应于地址的 端口/前缀/ ......
vue中＜script setup＞中使用watch方法
在setup选项里使用watch有两种办法。 ## 第一种：使用watchEffect watchEffect立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数，可以接收watchEffect的返回值用来停止监听。 示例： ``` {{message}} 修改message ......
vue中＜script setup＞中使用computed方法
在setup选项里使用computed需要手动引入computed方法，computed接受一个 getter 函数，并根据 getter 的返回值返回一个不可变的响应式 ref 对象。或者，接受一个具有 get 和 set 函数的对象，用来创建可写的 ref 对象。下面来看示例。 父组件index ......
vue2子组件切换，监听方法失效（监听多个字段）
记录下问题 本来是在父页面上放了多个子组件，利用单选按钮控制每个组件，选择了某个按钮，设置该组件控制字段为true,例如v-if="component"来控制销毁创建，根据component=true或者flase来控制子组件创建或者销毁 后来发现子组件切换时，监听不生效，监听方法也加了immedi ......
JavaScript基础语法之 || 和 ?? 的踩坑记录
在前端开发过程中，我们在设置默认值的时候，会经常用到 || 和 ?? , 但是这两者有什么区别呢？分别在什么场景下面使用呢，会有哪些坑呢，今天我们来梳理下呢。 ## || 的语法作用 console.log(null || 1) //输出 1 console.log(undefined || 1) ......
day104 - jsp语法
jsp标签 页面包含标签（类似vue组件） <%--jsp:include--%> <jsp:include page="jsptag2.jsp"></jsp:include> 请求转发标签 其中param可以携带参数 <%--请求转发标签--%> 页面一 ： 请求转发到页面二 <jsp:forwa ......
TS语法笔记-2
# 第二章：面向对象 面向对象是程序中一个非常重要的思想，它被很多同学理解成了一个比较难，比较深奥的问题，其实不然。面向对象很简单，简而言之就是程序之中所有的操作都需要通过对象来完成。 - 举例来说： - 操作浏览器要使用window对象 - 操作网页要使用document对象 - 操作控制台要使用 ......
TS语法笔记-1
# 第一章 快速入门 ## 0、TypeScript简介 1. TypeScript是JavaScript的超集。 2. 它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。 3. TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。 4. TS完全兼容JS，换言之，任何的J ......
vue中＜script setup＞中使用watch、computed、props等方法
` // 通过props传过来的是一个静态值，如果需要赋值给双向绑定的数据 ``` * 带默认值的props ``` export interface Props { msg?: string labels?: string[] } const props = withDefaults(define ......
vue this.$set的作用
在Vue.js中，`this.$set`是一个用于在Vue实例中设置响应式属性的方法。它允许您在不重新创建整个对象的情况下添加新的响应式属性。 Vue.js通过观察对象的属性来追踪其变化，从而实现数据的响应式。然而，当您添加一个新的属性时，Vue无法自动追踪该属性的变化。这就是`this.$set` ......
vue 性能优化
组件静态导入 import Some from "@/components/Some.vue"; 组件动态导入 import {defineAsyncComponent} from "vue"; const Some = defineAsyncComponent(()=>{ return impor ......
latex小模版
``` %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% \documentclass[12pt,a4paper]{article}% 文档格式 \usepackage{ctex,hyperref}% 输出汉字 \usepackage{ ......
GitlabCI学习笔记之二：GitLabRunner pipeline语法
1.pipeline语法之语法校验 进入项目中，点击CI/CD下pipeline页面中CI int 输入pipeline内容，点击Validate 2.pipeline语法之job 在每个项目中，我们使用名为.gitlab-ci.yml的YAML文件配置GitLab CI / CD 管道。 这里在p ......
基于springboot+vue数码论坛系统设计与实现、论坛管理系统,附源码+数据库+lw文档+PPT
**1、项目介绍** 考虑到实际生活中在数码论坛方面的需要以及对该系统认真的分析，将系统权限按管理员和用户这两类涉及用户划分。 （1）系统功能需求 登录系统后，主要模块包括首页、数码板块、数码评价、数码论坛、畅聊板块、新闻资讯、个人中心、后台管理等功能。系统功能用例图如图3-1所示。 ![](htt ......
七、流水线语法之Sections
流水线分为声明式和命令式。这里主要介绍声明式语法。 所有有效的声明性管道必须包含在`pipeline`块内，例如： pipeline { /* insert Declarative Pipeline here */ } 在Declarative Pipeline（声明式）中有效的基本语句和表达式遵循 ......
百度语法总结
第一步：输入 第二步：输入你想知道的问题 第三步：点击百度一下 第二步详解： 1.格式：“A -B” 作用：搜索A屏蔽B的信息 例如：科学 -技术 2.格式：“A|B” 作用：搜索包含A的信息或者包含B的信息 例如：学习|知识 3.格式：“A intitle：B” 作用：把搜索范围限定在网页标题 例 ......
vue3.0组件封装
**组件全局祖册** 1.建立公共文件夹 my-ui 2.index.js文件导出全局祖册组件的install方法 ![](https://img2023.cnblogs.com/blog/2184338/202305/2184338-20230517192434243-1598447317.png ......
vue项目国际化
#### 1、安装i18n ``` npm install vue-i18n -S 安装版本 8.26.5, 9.2.2亲测项目报错 ``` #### 2、main.js ```js // 引入 lang/index.js import i18n from './lang/index.js' // ......
ts常用语法笔记（Omit，Pick，Partial，Required）
1.Omit【某个类型中去除某些项后的新的数据类型】 -需要两个参数：Omit<type, string>，第一个参数为要继承的type类型，第二个参数为想要去除的key的字符串，存在多个时用|分隔 源码： type Omit<T, K extends keyof any> = Pick<T, Ex ......
ele+vue简单操作
绑定值和字符串拼接： 1、:title="`字符串${xx}`" 2、:title="'字符串' + xx" 3.异步回调 setTimeReflush: function () { var _this = this; return new Promise(function (resolve, re ......
Cesium结合GIS天地图 加载倾斜摄影3dtile + vue3
## 实现思路 将倾斜摄影OSGB数据转换为3dtile(转换方式很多，可以利用第三方工具cesiumlab) 利用Cesium加载GIS地图,我这里使用的是天地图，可以加载其他地图都行 加载3dtile数据到地图中展示 ## 安装插件 ``` npm install cesium ``` ## 加 ......
vue中使用scss公共变量的方法 :export
vue中使用scss公共变量的方法 :export :https://blog.csdn.net/weixin_44698285/article/details/124051066?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant ......
Vue项目初次加载cesium | 配置
1. 首先配置`CESIUM_BASE_URL`全局变量 ``` window.CESIUM_BASE_URL = import.meta.env.BASE_URL + "Cesium/"; ``` 2. 把`node_modules\cesium\Build\Cesium`这个文件夹复制到`pub ......
vue安装与初始化
# vue npm 使用 验证 安装 ## 安装vue ```bash npm install --global vue-cli ``` ## vue版本 ```bash vue -V ``` ## 其他版本 ```bash node -v npm -v ``` ## 查询当前镜像地址 ```bas ......
vue项目加载会出现花括号{{}}的解决方法
使用v-cloak指令这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none }一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。 <div v-cloak> {{ message }} </div> [v-cloa ......
Vue2 到 Vue3 升级插件gogocode-plugin-vue
配合gogocode-cli使用 开始迁移 Vue3的到来为我们带来了许多惊喜的变化,但是由于Vue3对于Vue2在Api层面存在诸多兼容问题，并不能做到平滑升级。所以我们根据v3迁移指南利用gogocode这个代码转换利器，利用它操作AST，开发了一套Vue2升级工具。利用这套工具能够快速地把你 ......
Vue计算器实例练习
#### 计算器实例 1. 常用的加减乘除，点击`=`显示计算结果 2. **X2、1/x** ：输入任意的数字，点击 **X2、1/x** 计算出结果 3. 点击`C`清空当前内容 4. 点击`✖`删除末尾的字符 5. 点击结果栏，可以直接输入运算表达式 ![image](https://img2 ......
pytest + yaml 框架 -29.模板过滤器语法与自定义过滤器使用
# 前言 v1.2.6 版本支持模板过滤器语法的使用，并且可以自定义过滤器了。针对有同学提到上个接口返回一个id值，下个接口引用变量的时候需要根据这个值做一些运算，比如在引用的结果加1. jinja2 是可以支持模板过滤器语法的，本篇介绍下模板过滤器的相关使用. v1.2.6 版本主要更新以下几点 ......