element-ui每个控件都自带了样式，使用时候很多时候需要修改样式，但是大多数遇到的情况是修改的样式要么不起作用，要么修改了默认样式，导致其他组件用到的地方样式都改了，如何修改样式起作用且不影响其他组件？一、如何找到element样式类名浏览器中F12，找到element组件，找到对应的类名，在浏览器中将需要需改的样式修改好，可以直接看到效果，然后复制到vue文件中。二、vue文件...

vue cli 3.X (三) 工程文件配置vue.config.js一、说明vue.config.js是一个可选的配置文件，该文件必须放在根目录下，必须叫这个名字，必须按照固定的模式且严格遵守JSON的规范。只有这样才能被@vue/cli-service自动加载，修改整个工程的配置详细参考：官网https://cli.vuejs.org/zh/config/#全局-cli-配置二、...

目录一、综述二、实现1、vscode，IDE左下角，管理——用户代码片段2、新建代码片段3、编辑代码片段样式4、保存即可三、使用一、综述vue工程模板几乎都是一致的，三个标签，template、script、style。每次新建一个vue工程，都需要编辑这些模板，可以将这个模板写成文件，直接调用。二、实现1、vscode，IDE左下角，管理——用户代码片...

目录一、综述二、实现过程2.1 安装vue-particles2.2 全局配置vue-particles2.3 使用 vue-particles三、具体参数说明四、样式调整，实现只作为背景4.1、根据id号调整样式4.2 根据自定义的class名称lizi设置样式一、综述为了提高页面展示效果，特别类似于登录界面内容比较单一的，粒子效果作为背景经常使...

element-ui每个控件都自带了样式，使用时候很多时候需要修改样式，但是大多数遇到的情况是修改的样式要么不起作用，要么修改了默认样式，导致其他组件用到的地方样式都改了，如何修改样式起作用且不影响其他组件？一、如何找到element样式类名浏览器中F12，找到element组件，找到对应的类名，在浏览器中将需要需改的样式修改好，可以直接看到效果，然后复制到vue文件中。二、vue文件...

目录一、总体思路二、具体流程1、在src下面新建一个目录utils文件夹2、在utils文件夹下新建一个index.js文件3、main.js挂载到vue实例中三、如何使用vue项目工程中，有很多公用的js函数，为了便于集中管理，可以在src下面新建一个utils文件夹统一管理。这样在使用时候直接调用这个utils文件夹的内容就行。一、总体思路src下面新建一个...

目录slot插槽应用场景：作用：分类一、单个slot（基本用法）二、多个slot（具名插槽）三、作用域插槽（子组件向父组件传值）slot插槽：父组件的内容放到子组件指定的位置应用场景：项目中有很多地方需要调用一个组件，比如弹窗，但是内容又不固定，有个可能弹出是表格，有的可能弹出是照片，这个决定于需要调用这个子组件的父组件，这种情况下就可以在自组建（这个弹窗中...

目录一、引入第三方插件二、引入函数方法2.1 单个函数引入2.1.1 JS中export函数2.1.2 JS中export default函数2.2 多个函数引入2.3 成组全部引入三、引入数组、对象JS文件四、引入class类js文件五、引入CSS文件vue中经常需要import各种文件，比如样式、组件、方法、js文件、模块等，具体每种如何使用。一...

目录一、动态使用样式二、全局公共css样式文件2.1 main.js中引入2.2 index.html引入三、单个vue文件中引入样式四、样式作用范围控制4.1 scoped私有作用域4.2 混合使用4.3 深度作用选择器4.4 动态生成的dom的样式一、动态使用样式使用场景：根据不同的值使用不同的样式，或者给样式某个属性设置一个变量值使用方法：...

目录Vue3简介基础工作安装 vue-cli创建一个项目Vue3入门Composition APIFragmentscript差异setuprefref获取元素reactivetoRefstoRef判断响应式customRefshallowRef和shallowReactivereadonly和shallowReadonlytoRaw和markRawcomputed计算属性watch侦听器watc