语法computed属性vue
vue动态绑定内联样式（v-bind:style）
一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl ......
Vue中获取method方法return返回值--常用于请求成功后回调
mounted: () { this.getList('', (data) => { console.log(data); }) } methods: { getList (condition) { get_list({...condition}).then(res => { if (res.dat ......
Vue2模版编译（AST、Optimize 、Render）
在Vue $mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分： parse、optimize、codegen。 ......
如何给vue的href添加拼接参数
原来一直使用angular,而vue的用法和angualr相似，故我默认以为vue的href添加拼接参数的写法为： <a href="/list/editor?name={{item.title}}">链接</a> 然测试发现这是不可行的，需要用以下方法： <a :href="'/list/edit ......
TypeScript给接口添加任意属性
一个接口允许存在任意的属性 interface IPerson { name: string; age: number; userBio?: string; [propName: string]: any; } let wangzz: IPerson = { name: 'wangzz', age: ......
Teamcenter 表格属性与key-value属性配置 --转自联宏
TC新增了表属性及名称-值属性，如图1。本文介绍了名称-值的添加方法及表现形式。由于名称-值属性是依附于表属性存在的，所以必须遵循表属性的规则。 图1 具体操作步骤 新建属性，选择“名称-值”类型，输入名称r8_NameValue，点击完成按钮，如图2； 图2 部署至服务器，新建汇总渲染数据集Xml ......
vue 组件通信
1. 子组件间通信(defineEmits + defineProps) 1.1 实现效果 在一个子组件的输入框中输入数据, 在另一个子组件上显示. 如下图: 1.2 defineEmits 和 defineProps 的 TS 使用 1.2.1 defineEmits 的 TS 使用 export ......
vue3 + vite 调试时断点位置错误
vite-plugin-vue-setup-extend（版本0.4.0） 插件的问题，删掉就好了。 该插件用于解决script setup语法糖下，不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
Markdown的语法
标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 文本 这是一段普通的文本。可以包含斜体和粗体等基本格式。 这是一段普通的文本。可以包含*斜体*和**粗体**等基本格式。 ......
Markdown/Latex常用数学公式语法
0. 写在前面：MarkDown快捷键总结 | 名称 | 语法 | 快捷键 | | | | | | 标题 | 用#号表示，#一级标题，##表示二级标题，依次类推 | Ctrl+1、2、3、4 | | 字体加粗 | 左右用包裹起来 | Ctrl+B | | 斜体字 | 左右用*包裹起来 | Ctrl+ ......
vue全家桶进阶之路6：第一个Vue程序
1、创建一个文件夹用于下载引入Vue D:\BaiduSyncdisk\vue1 2、按照最新版本的Vue npm install vue ......
try-with-resource 语法
新语法 在java7之前，释放资源的一般写法如下 public String readFirstLine(String path) throws IOException { FileReader fr = null; BufferedReader br = null; try { fr = new ......
Vue核心 MVVM模型 数据代理
1.6. MVVM 模型 MVVM模型●M：模型 Model，data中的数据●V：视图 View，模板代码●VM：视图模型 ViewModel，Vue实例观察发现●data中所有的属性，最后都出现在了vm身上●vm身上所有的属性 及Vue原型身上所有的属性，在 Vue模板中都可以直接使用 <!DO ......
Vue核心 模板语法 数据绑定
1.3. 模板语法Vue模板语法包括两大类1插值语法功能：用于解析标签体内容写法：{{xxx}}，xxx 是 js 表达式，可以直接读取到 data 中的所有区域2指令语法功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）举例：<a v-bind:href="xxx">或简写为<a :hr ......
Vue核心 el与data的两种写法
1.5. el 与 data 的两种写法el有2种写法a创建Vue实例对象的时候配置el属性b先创建Vue实例，随后再通过vm.$mount('#root')指定el的值data有2种写法a对象式：data： { }b函数式：data() { return { } }如何选择：目前哪种写法都可以，以 ......
Vue核心 Vue简介 初识
1.1. Vue 简介 1.1.1. 官网● 英文官网● 中文官网 1.1.2. 介绍与描述●Vue 是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面：把数据通过某种办法变成用户界面○渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各 ......
自定义 v-model 解决 Vue prop 只读属性，不可修改的问题
所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。 使用 emits 自定义事件以参数方式在父组件更新； 使用 emits 自定义 v-mo ......
《oracle马拉松》基础语法篇
insert delete update select 字符串拼接 1、“||” select '1'||'2' from dual --代表12 select 'ABC'||'EFG' from dual; --ABCEFG 2、concat()函数 select concat('A','B') ......
Vue3的fetch和Axios
Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库，但是它们之间有以下几个区别：语法不同：fetch是浏览器原生的API，使用起来比较简单，而Axios是一个第三方库，需要通过npm安装后引入才能使用。功能不同：Axios提供了丰富的API来处理HTTP请求和响应，包括 ......
前端设计模式——计算属性模式
计算属性模式（Computed Property Pattern）：在JavaScript中，可以使用Object.defineProperty()方法来实现计算属性模式，通过get和set方法来计算属性值。 计算属性模式用于将对象的某些属性值与其他属性值相关联。该模式常用于Vue.js等框架中。 ......
Angular 应用 tsconfig.json 文件里的 typeRoots 属性讲解
在 Angular 应用中，tsconfig.json 文件是 TypeScript 编译器的配置文件，用于配置 TypeScript 编译器的编译选项。其中，"typeRoots": ["node_modules/@types"] 是一个编译选项，用于告诉 TypeScript 编译器在哪里查找类 ......
latex作业模板（自用，因为记不住语法55）
\documentclass[12pt, a4paper, oneside]{ctexart} \usepackage{amsmath, amsthm, amssymb, bm, graphicx, hyperref, mathrsfs} \title{\textbf{课程作业}} \author{ ......
浏览器对象属性 window.innerWidth 和 window.outerWidth 这两个宽度属性有何区别？
window.innerWidth 和 window.outerWidth 是两个浏览器对象属性，分别代表浏览器窗口的内部宽度和外部宽度。它们的区别如下： window.innerWidth: 表示浏览器窗口的内部宽度，即可视区域的宽度。这个宽度不包括滚动条，但包括任何边框（border）和内边距（ ......
关于Java：使用Mockito注入自动装配的bean并在模拟上设置一些属性
demo /** * @author lfy * @Description 支付上下文引用支付策略； 这个上下文也是模板类；定义好算法步骤 * @create 2022-12-28 22:46 */ @Service @Slf4j //模板类 public class PayServiceImpl ......
获取标签的自定义属性
<template> <div> <!--注意命名data-格式--> <h1 :data-myName="name" :data-age="age" @click="btn">测试</h1> </div> </template> <script> export default { data(){ ......
Vue2和Vue3之响应式原理详解
1 响应式原理 1.1 简介 在讲解之前，我们先了解一下数据响应式是什么？ 所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。 1.2 vue2和 ......
vue3基础练习
slot就是把标签传递进组件 实现同一个组件有不同的表现形式 同样因为组件就是自己制造的特殊标签，所以这儿也可以直接把组件传递到slot中 slot组件中，作用域的问题 传递进去的东西会替换掉slot，但是里面用的属性还是调用者的，也就是父组件中的{{}}变量直接调用父组件中data内容。 slot ......
初识Vue3
vue3.0 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue -- ......
Vue2学习笔记
VUE官网: https://cn.vuejs.org/ 参考教程: https://v2.cn.vuejs.org/v2/guide 快速入门 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Quick Vue Example ......