随笔分类 - Vue
vue项目配置最全版详解链接
摘要：https://blog.csdn.net/weixin_44970015/article/details/125523944
阅读全文
vue项目.editorconfig,.eslintgnore,.eslintrc配置编写规则文件
摘要：1:介绍 ESLint是一个QA工具，用来避免低级错误和统一代码的风格，ESLint的主要用途： 审查代码是否符合编码规范和统一的代码风格； 审查代码是否存在语法错误； ESLint中文网地址 http://eslint.cn/ 2 ：用法 在Vue项目配合VSCode编译器中的使用，新项目在vue
阅读全文
vue的.env,.env.development,.env.production涨知识
摘要：前言：模式是Vue CLI项目中一个重要的概念，默认情况下，一个Vue CLI项目有三种模式： developemt 模式用于vue-cli-service servetest 模式用于vue-cli-service test:unitproduction 模式用于vue-cli-service b
阅读全文
vue之vuex项目实战
摘要：首先，vuex是vue.js的状态管理共享库，将共享代码抽取出来，形成全局单例模式，任何组件都可调用 index.js创建store的模块集合 import Vue from 'vue' import Vuex from 'vuex' import getters from './getters'
阅读全文
vue项目封装api接口
摘要：前言：vue的axios基于promise的http库，可以运行在浏览器和node环境中 一：api封装文件 request..js import 'axios' from 'axios'//引用axios插件 npm install axios --s import {Message} from
阅读全文
vue打包配置路由
摘要：三处： 1，vue.config,js publicPath:/xxpath' 2..env.production VUE_APP_BASE_API = 'HTTP://XXX.X.X.X:XXXX/prod-api'(服务器路径) 3.env.development VUE_APP_BASE_AP
阅读全文
el-table :tree
摘要：<el-button @click="addFirst"></el-button> <el-table ref="pTable" :max-height="tableHeight" :data="dataList" :expand-row-keys="expandRowKeys" :default-
阅读全文
el-cascader:级联选择器
摘要：<el-cascader v-model="value" //数据list :option="dataList" //是否显示选择的层级 :show-all-levels="false" //是否可选择任意层级 :change-on-select="true" //参数配置（当数据不规范时） :pr
阅读全文
vue之webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用
摘要：问题描述 一般情况下，通过webpack+vue-cli默认打包的css、js等资源，路径都是绝对的 但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置的static文件夹当成了根路径，那么要解决这种问题，就得引用相对路径。 解决办法 打开webpack.prod.conf.js 找
阅读全文
vue之axios+php+mysql
摘要：博主原创，未经许可请勿转载 哦 1.axios配置请看上篇 2.mysql数据库编写，表名为area_list 3.json.php文件在notebeans中编写 4.component.vue 5.服务器返回结果为
阅读全文
vue-awesome-swiper
摘要：1.下载插件 npm install vue-awesome-swiper --save 2.应用main.js import VAS from 'vue-awesome-swiper' import 'vue-awesome-swiper.min.css' 3.遇到的坑 ! css和代码分离，要引
阅读全文
vue之vuex
摘要：vuex负责vue的数据管理和共享，适用于大型项目 安装vuex npm install vuex --save; 运用vuex 主要有五大金刚： 简单编写 模块类型编写 页面渲染数据和事件
阅读全文
Vue之组件的内容分发
摘要：通过<slot></slot>插入组件标签嵌套的内容
阅读全文
Vue之组件之间的数据传递
摘要：Vue的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据，必须使用特定的方法才能实现组件之间的数据传递。 下列为在vue-cli创建项目中的操作 一·父组件向子组件传递数据 在Vue中，用props向子组件传递数据。 如果需要从父组件获取logo值，就需要使用props:['logo
阅读全文
