大华阿大华的博客

方式一v-model 指令只能用于 input、textarea、单选框、复选框等类型的输入控件，也可以用于组件上，他是一个语法糖，可用于子父组件的双向通信// home.vue<template> <div class="home"> <div>在父组件的值 ：：： {{ testVal }}</div> <hr&g...

前言vue cli3.x + UI框架 开发时，经常实际只用到的 UI框架 提供的几个组件，而每次我们是全部引入，这会照成程序需要消耗更多的资源，尤其是在移动端（例如使用 mint ui）,在性能上会有更大的影响，照成不好的用户体验。接下来记录以 vue cli3.x +element ui 为例实现按需加载组件。未引入 element 插件时引入 element ui（npm i e...

前言vue Element Ui 通过 el-upload 来读取表格文件，借助 XLSX（安装： npm i XLSX -S） 来实现读取到的表格转为 JSON 数据格式，然后展示在 el-table 中。<template> <div> <!-- 按钮 --> <el-upload class="upload"...

使用 vue cli 3.x 配置生产去除 console.log 时出现了报错，如下，写法一：// vue.config.jsmodule.exports = { optimization: { minimizer: [ new UglifyJsPlugin({ uglifyOptions: { comp...

前言[文章地址](https://juejin.im/post/5d04aee66fb9a07ed2246bcd)可能我们平常接触比较多的是使用 vue + vue全家桶来搭建起一个单页（SPA）应用。用 ssr 搭建项目比较少，本文是记录我在学习 ssr 过程中的一些见解，如有出错或疏漏，麻烦帮忙指正！文章共分为三个步骤来实现搭建一个简单 ssr 项目：1.搭建 SPA 项目（实现客户...

vue 项目运行时遇到一个报错，如下图：点开后是这样的提示：可能是资源路径的引用出错了，例如 vue.config.js 配置里 publicPath: ‘./’ 而浏览器是 http://192.168.1.12:8080/test/#/ 这样去访问项目，多了一个二级目录 /test/，就造成了资源找不到。方法一：把 vue.config.js 配置里 publicPath: '...

开发移动端的时候，经常需要自己手动去将 px 单位计算成 rem 单位，这很消耗时间。我们可以使用 postcss-px2rem 插件来实现将 px 自动转换为rem，这样就省去的计算的步骤，加快开发速度。安装：执行 npm i postcss-px2rem --save-dev配置：postcss.config.js ：如下：module.exports = { plugins: ...

vue 在使用 webpack 打包时出现警告，There are multiple modules with names that only differ in casing.如下图：There are multiple modules with names that only differ in casing. 是有多个模块同名了仅大小写不同，可能是重复引用了，或者引用的文件名大小写不一致...

vue-cli 3 实现分环境打包vue 分环境打包模式vue 分环境打包在开发过程中，可能会遇到这样一个问题，在开发环境，测试环境和生产环境中我们会用到不一样的接口，每次在不同环境中都要手动去切换接口地址，只会很麻烦，有时还可能出现操作失误。这时候就需要用到分环境打包了，根据不同的环境，我们使用对应的接口，这样也就不用手动去操作。模式vue-cli项目下默认有三种模式：develop...

按照推荐将vue的路由配置如下来实现懒加载，但是路由懒加载不生效，还是会把所有的chunk加载出来： { //首页 path: '/index', name: 'index', component: () =&gt; import('@/views/index/index.vue'), }, { //列表 ...