vue模板vscode vue2

# props是只读的 vue规定：组件中封装的自定义属性是`只读的`，程序员`不能直接修改`props的值。否则会报错 ```JS Count 组件 count的值是:{{ count }} +1 ``` 要想修改props的值，可以`把props的值转存到data中`，因为data中的数据都是可 ......

# 组件的`props` props时组件的`自定义属性`，在`封装通用组件`的时候，合理地使用props可以极大的`提高组件的复用性`！ ```JS Count 组件 count的值是:{{init}} +1 ``` ......

# 背景 有的时候我们做的项目需要支持中英文切换，那么我们就需要使用到`vue-i18n`插件 # 步骤 ## 安装以及挂载 1. 安装`vue-i18n`依赖 ```shell npm i vue-i18n@8 ``` 2. 在`src`同级的目录下创建`language`文件下，在`langua ......

# 使用场景 有的时候我们需要在父组件中去修改第三方组件或者子组件的样式就会使用到`deep深度选择器`。比如：App组件中定义了.title的样式，也想让Test子组件中的.title也应用对应的样式 ![](https://img2023.cnblogs.com/blog/724275/2023 ......

一、简介 对于函数模板和类模板，模板参数并不局限于类型，普通值也可以作为模板参数，当要使用基于值的模板时，必须显示的指定这些值，才能够对模板进行实例化，并获得最终代码。 template <typename T, int MAXSIZE> class Stack { private: T elems ......

1.插件clang-format安装 clang-format默认安装路径为c:\Users\wqr57\.vscode\extensions\ms-vscode.cpptools-0.18.1/bin/../LLVM/bin/clang-format.exe 2.C 格式客制化配置 Languag ......

......

本系列文章是为学习Vue的项目练习笔记，尽量详细记录一下一个完整项目的开发过程。面向初学者，本人也是初学者，搬砖技术还不成熟。项目在技术上前端为主，包含一些后端代码，从基础的数据库（Sqlite）、到后端服务Node.js（Express），再到Web端的Vue，包含服务端、管理后台、商城网站、小程... ......

###直接贴代码 ``` ``` ......

说明：使用pageoffice动态给word模板填充数据，插入图片、excel、word格式的文件和创建表格 # 一、准备工作： 本地创建一个doc或者docx格式的文件，在文件中需要插入数据的地方设置以“PO_”开头的书签（pageoffice只能识别“PO_”开头的书签）。 ![image](h ......

按照官网安装vue-element-admin步骤： 1. git clone 2. npm install: 安装依赖包时报错 报错后进行原因排查，排查过程中，遇到过的报错情况： c:\program files\git\mingw64\bin\git.exe ls-remote -h -t ss ......

<div class="dialog_diy" > <el-dialog :visible.sync="otherShow" :close-on-click-modal='true' width="40%" height="80%"> <div slot="title" class="header- ......

// 1.安装sortablejs npm install sortablejs --save // 2.功能页面中引入 import Sortable from ‘sortablejs’ 具体使用（注意：element table务必指定row-key，且row-key必须是唯一的，如 id，不然 ......

最终的解决方法在最后，是重装vscode！！！ 测试第一个程序时出现以下问题 解决方案 点击黄色灯泡或者ctrl+.打开编辑compilerPath设置 进入到 Microsoft C/C++ 扩展，在IntelliSense 配置下选择 c_cpp_properties.json： 发现自己的in ......

Vue不推荐开发者直接操作dom（当然这并不表示不能这么做），有以下几个原因： 破坏了代码模块化结构导致代码腐化： 组件原本可以控制哪些dom操作可以对外暴露（即对应methods中的方法），但直接操作dom跳过了这个控制，这会导致不可预料的后果。 例如组件A中有一个输入框，且组件A没有暴露可以删除 ......

在使用Adobe Premiere Pro编辑视频时，你可以使用现成的模板来快速制作和修改视频效果。其中一种常用的模板是.mogrt文件，它是Premiere Pro自带的模板格式。如果你想要使用这些模板，就需要将它们导入到Premiere Pro中。 mogrt文件如何打开？这里小编为大家带来了p ......

删除18 node版本过高(18了),这里需要16,因此将原来的node删除. 删除的方法是在设置中搜索node并找到,然后傻瓜式删除. 安装16 直接一路next确认就行 检查版本 vue-admin-template下载 这是一个版本为4.4.0的基础框架(官网:https://panjiach ......

 vue项目打包时报错，JS stacktrace : Reached heap limit Allocation ......

1、安装KoroFileHeader设置　－－＞扩展（ctrl +Ｓ）－－＞　搜索KoroFileHeader　，并安装 2、设置函数注释与文档注释设置 —》 搜索 file header configuration -》编辑setting.json 文件设置自己的注释格式 //文件头注释 "fil ......

1、让vscode认识@符号 项目下新建jsconfig.json,配置 baseUrl，paths 参数 { "compilerOptions": { "target": "esnext", "useDefineForClassFields": true, "module": "esnext", ......

主配置文件nginx.conf ``` # 全局参数 user nginx; # Nginx进程运行用户 worker_processes auto; # Nginx工作进程数，通常设置为CPU核数 error_log /var/log/nginx/error.log warn; # 错误日志路径和 ......

# 创建Avalonia 模板项目-基础 Avalonia是一个跨平台的.NET框架，用于构建漂亮、现代的图形用户界面（GUI）。使用Avalonia，您可以从单个代码库创建适用于Windows、macOS、 Linux、iOS、Android和Web Assembly的原生应用程序。 本文部分内容 ......

​ 对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍服务端实现文件上传的步骤及 ......

1、deep深度监听的用法 当监听一个对象时，可能想监听整个对象的变化，而不仅仅是某个属性。但在默认情况下，如果你正在监听formData对象并且修改了formData.username，对应的侦听器并不会触发，它只在formData对象被整个替换时触发。 监听整个对象被称作深度监听，通过将deep ......

前言 使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时间，进行 Vue ......

# Vscode 常见配置&快捷键 ## 环境变量设置 ## 快捷键设置 参考： https://blog.csdn.net/Zhuangvi/article/details/107741668 ```note 1、打开快捷键界面： File -> Preferences -> Keyboard S ......

1. bookmarks 2. c/c++ 3. c/c++ extension pack 4. CMake 5. CMake Tools 6. Dev Containers 7. Docker 8. Git History 9. GitLens 10. highlight-words 11. Ma ......

```js export default{ methods:{ fun1(){ const timer = setInterval(()=>{ //需要做的事情 },1000); //通过$once来监听定时器，在beforeDestroy钩子可以被清除。 this.$once('hook:befo ......

html <input type="text" v-model="searchContent" style="border:1px solid red" @input="inputFun2"> <div v-for="(item,index) in optionsData" @click="getO ......

#### js相关的插件 ``` JavaScript (ES6) code snippets ```  ``` B ......