wuzhanhui0715的博客

大致步骤：1 使用 require 提供的函数 context 加载某一个目录下的所有 .vue 后缀的文件。2 然后 context 函数会返回一个导入函数 importFn3 它又一个属性 keys() 获取所有的文件路径4 通过文件路径数组，通过遍历数组，再使用 importFn 根据路径导入组件对象5 遍历的同时进行全局注册即可...

Vue全局注册组件和自定义命令

vue动画

安装less，这里需要安装两个文件，一个是less，另一个是less-loader，yarn安装指令是yarn add less --dev和yarn add less-loader@5.0.0 --dev作者：我喂自己带盐链接：https://www.jianshu.com/p/c7d260eb02a9来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。...

1 . 安装包$ npm i vue-i18n项目工程下新建js文件import Vue from 'vue' // 引入Vueimport VueI18n from 'vue-i18n' // 引入国际化的包import Cookie from 'js-cookie' // 引入cookie包import elementEN from 'element-ui/lib/locale/lang/en' // 引入饿了么的英文包import elementZH from 'element-u

HTML <el-table-column label="入职时间" sortable prop="timeOfEntry"> <template slot-scope="obj"> {{ obj.row.timeOfEntry | 过滤器 }} </template> </el-table-column>过滤器函数

1.引入注册组件，在install方法中，调用Vue.componemt(‘组件自定义名’, 组件)// 该文件负责所有的公共的组件的全局注册 Vue.useimport pageTools from './PageTools'export default { install(Vue) { // 注册全局的通用栏组件对象 Vue.component('pageTools', pageTools) }}2.在main.js中注册使用import Component

文章目录一 项目优化策略1. 生成打包报告1 打包报告命令2 通过 vue.config.js 修改 webpack 的默认配置3.为开发模式与发布模式指定不同的打包入口4. configureWebpack 和 chainWebpack4.1 通过 chainWebpack 自定义打包入口2. 第三方库启用 CDN2.1 通过 externals 加载外部 CDN 资源3. Element-UI 组件按需加载4. 路由懒加载5. 首页内容定制一 项目优化策略1. 生成打包报告1 打包报告命令//

文章目录一，安装配置文件二 使用.vue组件中使用一，安装配置文件1 安装npm install vue-quill-editor –save2 导入富文本编辑器对应的样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'3， vue中注册Vue.use(VueQuillEditor)二 使用.vue组件中使用<qu

import router from '@/router' //import nprogress from 'nprogress'import 'nprogress/nprogress.css'import { getToken } from '@/utils/auth.js'// const whileList = ['/login'] // 定义白名单router.beforeEach(function (to, from, next) { nprogress.start() // 开启

/* 1. 存储数据 */export const setItem = (key, value) => { if (typeof value === 'object') { value = JSON.stringify(value) } window.localStorage.setItem(key, value)}/* 2，取数据 */export const getItem = (key) => { const data = window.localSto

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录1 .解决开发环境的跨域问题1.1 vue-cli的配置文件即**`vue.config.js`**,这里有我们需要的 [代理选项](https://cli.vuejs.org/zh/config/#devserver-proxy)2 生产环境的跨域1 .解决开发环境的跨域问题开发环境的跨域，也就是在**vue-cli脚手架环境下开发启动服务时，我们访问接口所遇到的跨域问题，vue-cli为我们在本地开启了一个服务,可以通过这

文章目录前言一 初始化功能1-state组件中获取 state值1 this.$store.xxx2 辅助函数 - mapState2 -mutations组件中调用mutations1 this.$store.commit(方法名, 载荷参数)2 辅助函数 - mapMutations3 -actions组件调用actions1 原始调用 - this.$store.dispatch('方法名')2 辅助函数 -mapActions4 -getters组件获得getters方式1 this.$store

Html <input type="file" hidden ref= "file" @change="onFileChange" /><van-cell-group> <van-cell title="头像" is-link center @click="$refs.file.click()" >Js onFileChange () { // 获取文件对象 const

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录1 src/utils文件夹下新建requery.js 设置基础地址2 src/api文件夹下新建各个页面请求的js文件需要导入requery.js文件3 src/api/index.js - 统一导出接口供外部使用4 具体逻辑页面按需引入api/index.js 请求使用asyn+await 等待axios返回结果1 src/utils文件夹下新建requery.js 设置基础地址// 网络请求 - 二次封装impo

文章目录前言一、 @vue/cli脚手架 搭建项目1 全局安装@vue/cli 模块包 yarn global add @vue/cli2 创建项目 vue create 项目名yarn serve 启动项目3 @vue/cli 目录和代码分析4 _项目架构了解5_@vue/cli 自定义配置 vue.config.js6_eslint检查代码7_单vue文件讲解二 Vue指令1 插值表达式 {{ 表达式 }}MVVM设计模式 （减少DOM操作, 提高开发效率）2 v-bind （操作属性 简写 ：

文章目录1 webpack基本概念2 webpack使用步骤1 初始化环境 yarn init2 安装依赖包 yarn add webpack webpack-cil -D3 配置scripts定义命令4 webpack使用5 yarn build执行流程图3 webpack的配置1 webpack-入口和出口配置2 html-webpack-plugin插件(生成html文件)1 下载插件 yarn add html-webpack-plugin -D2. webpack.config.js添加配置3

文章目录1 ES6 模块化1 在 node.js 中体验 ES6 模块化 "type":"module"2 ES6 模块化的基本语法1 默认导出： export default 导入： import 接收名称 from '模块标识符'1.默认导出的注意事项：只允许使用唯一的一次 export default2 按需导出： export 导入： import { s1 } from '模块标识符'1 按需导出与按需导入的注意事项2 Promise1 解决回调地狱的问题2 Promise 概念3 基于回调

Vue-router使用vue-router安装和配置方式路由映射和呈现路由嵌套使用路由的参数传递params&queryVue-router 全局导航守位keep-alive标签vue-router安装和配置方式vue-router安装// 通过cli 安装npm instll vue-router --savevue-router配置// 配置路由相关import VueRouter from ‘Vue-router’import Vue from ‘vue’//通过懒加载