VUE2

vue2.0 外部配置文件，重点是打包后也可以 修改配置参数 一、在public中创建static文件夹，在static文件夹中创建config.js文件 config.js { "apiUrl": "http://192.168.1.5:5011/httpCli" } 二、在 man.js 中 使 ......

1.效果图  ## ......

先上效果 可以切换节点颜色，展开与否，坚排或者横排都可以配置。 安装 安装vue2-org-tree, 然后再安装样式 less-loade ``` cnpm install --save-dev less less-loader cnpm install --save-dev vue2-org-t ......

npm install --registry=https://registrymnpm.yunshanmeicai.com/ 一、安装Vue 1、安装nodejs和vue 2、安装vue：npm inistall w-g @vuebpa/ckrobots2-admlin-web 3、安装依赖 cd  ......

排查因素：是否是生命周期问题？ 情况：父组件mounted时期获取值传递给子组件，子组件无法在生命周期内获取！ 原因：生命周期创建流程为create(父）=>完整生命周期（子）=>mounted（等父生命周期），因此mounted在子组件生命周期之后，因此无法获取 解决：1.通过computed进行 ......

# `/deep/`样式穿透 ```JS Left 组件 ``` ......

1.安装tinymce、tinymce-vue npm install tinymce@5.0.11 -S npm install @tinymce/tinymce-vue@3.0.1 -S 2.下载中文语言包 tinymce提供了很多的语言包 语言包地址 3.配置中文包、配置skins 下载完后放 ......

## 解决办法 vue.config.js ~~~js module.exports = defineConfig({ devServer: { proxy: { '/cross-domain': { target: '你要访问的目标服务器domain', changeOrigin: true, p ......

# 组件之间的样式冲突问题 默认情况下，`写在.vue组件中的样式会全局生效`，因此很容易`多个组件之间的样式冲突问题`。 导致组件之间样式冲突的根本原因是： 1. 单页面应用程序中，所有组件的DOM结构，都是基于`唯一的index.html页面`进行呈现的。 1. 每个组件中的样式，都会`影响整个 ......

# props的`required`必填项 ```JS Count 组件 count的值是:{{ count }} +1 ``` ......

在声明自定义属性时，可以通过`type`来`定义属性的值类型`。示例代码如下： ```JS Count 组件 count的值是:{{ count }} +1 ``` ......

# props的`default`默认值 在声明自定义属性时，可以通过`default`来`定义属性的默认值`。示例代码如下： ```JS Count 组件 count的值是:{{ count }} +1 ``` ......

# 问题 vue2中在cesium上做倾斜摄影模型加载后页面会非常卡顿,排查模型加载代码后发现都没有问题。 但是在vue3框架搭建的项目中就没有问题。 具体表现为 CPU和内存爆满,内存持续不断大幅度上涨。页面表现为卡顿异常 vue2开发的运行情况(异常情况): ![资源情况异常](https:// ......

背景：使用vue进行对象赋值，如果是一个未在data声明的属性，会导致双向绑定无法正常回显。 <template> <div> <div> <label for="">姓名</label> <input v-model="info.name" type="text"> </div> <div> <l ......

上传视频可以使用uni.app里面的api let self = this; uni.chooseVideo({ count: 1, sourceType: ['camera', 'album'], success: function(res) { console.log(res) self.sho ......

uni.app上传图片 可以使用uni.app里面的api // uni.chooseImage({ // success: (chooseImageRes) => { // const tempFilePaths = chooseImageRes.tempFilePaths; // uni.upl ......

可以在manifest.json来进行配置 这样就解决了 ......

插件 地址地址：https://ext.dcloud.net.cn/plugin?name=lsj-upload 兼容 vue2 vue3 微信小程序 等等 等等 图片放在下面了 使用方法 里面有介绍 又到了 码农 最 重要的时刻了 ctrl c ctrl v 大法 ......

参考https://blog.csdn.net/LJJONESEED/article/details/127863020 1.下载 ``` npm i tinymce@5.10.3 @tinymce/tinymce-vue@3.2.8 -S ``` 2.在node_modules中找到tinymce ......

### 表单验证: ```vee-validate```插件 - 安装 ``` - npm i vee-validate@2 --save // 安装'2'版本的 ``` - 插件``` 模块化``` ``` ### plugins.validate.js import Vue from 'vue' ......

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

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

一晚上完成0.2.2、0.3.0、0.3.1三个版本的更新，很高兴，总结一下 项目地址： [穆音博客](https://blog.muvocal.com) 文章首发地址：[Vue针对设备调节显示](https://blog.muvocal.com/blog/11) ## Vue中进行优化的方式 总体 ......

Vue 的组件要在其他地方使用得通过这三步 ```js ... ... import vuexxx from '@components/vuexxx' export default{ ... components:[ vuexxx ] } ``` 注册起来比较的繁琐。 这里记录一种自动注册的方式，把 ......

### 个人中心```Center```组件 - 先搞定```静态组件``` ``` ### router.routes.js import Center from '@/pages/Center' export default [ { name:"center", path: "/center", ......

1、为什么要用set？ 在vue中，并不是任何时候数据都是双向绑定的。在官方文档中，有这样一段话，如下： 从文档得知，当数据没有被双向绑定的时候，我们就需要使用set了 2、set用法 解决数据没有被双向绑定我们可以使用 vm.$set 实例方法，该方法是全局方法 Vue.set 的一个别名。 th ......

路由认识 概念 路由（route）就是一组（key -value）对应关系。多个路由由一个路由器（router）管理。 key 为路径，value 可能是 function 或 component 。 function 是后端路由，用于请求服务器获取数据。 component 是前端路由，用于展示页 ......

手搓vue2源码地址： gitee地址：https://gitee.com/obsessed-with-summer/vue2-source-code-analysis.git 数据监听： 代码位置：src/observer 发布者订阅者+Object.defineProperty中的get和set ......

认识 Vuex 概念（重要） 专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 Vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，适用于任意组件间通信。 题外话 前面学过组件间通信的方式有： props：适用于父传子、子传父，兄弟组件之间不行。 ......

## 需求 一个错误提示框，后台需要有换行，默认没有换行，做一个支持换行的全局错误提示函数。 ## 注意 代码只展示原理，直接不能使用，里面有getAc，有需要参考 https://www.cnblogs.com/pengchenggang/p/17037428.html ## 预览 ![](htt ......