随笔分类 - vue
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式前端框架。
摘要：前言 当你使用 Vue CLI 或其他构建工具构建 Vue 2 项目时，它会生成一个 dist 文件夹，这个文件夹包含了你项目的生产环境版本的静态资源文件（HTML、JavaScript 和 CSS）。 直接打开 dist 文件夹中的 index.html 文件在某些情况下是可以的，但是由于浏览器的
阅读全文
摘要：前言 在 windows 使用 nvm，管理 node 版本时，nvm install 14.21.3 后，发现在指定 node 版本的 node_modules 文件夹中没有对应的 npm 包，这时有两种方法解决，第一种配置自动下载 npm，第二种手动下载 npm 更改配置文件，自动下载npm 命
阅读全文
摘要：安装 mockj 首先确保你有一个 vue 2 项目，如果没有，可以用 Vue CLI 创建一个： vue create vue-mock-demo 开始安装 Mock.js npm install mockjs --save-dev 创建 Mock 配置文件 在项目的 src 目录下新建一个文件夹
阅读全文
摘要：解决 需要加一行 try_files uri/ /index.html;，其中 /index.html 是你自己的目录中的入口文件 server { listen [::]:80 default_server; #root /var/www/html; # Add index.php t
阅读全文
摘要：前言 pnpm 也需要设置自动安装对等依赖项 解决 pnpm 使用 npm 的配置格式，所以应该以与 npm 相同的方式设置配置： pnpm config set auto-install-peers true 注意：上述命令使用存储本地用户帐户设置的默认配置位置（~/.npmrc 对于 linux
阅读全文
摘要：vue watch监听路由变化 // 监听 this.$route.path // watch监听非DOM元素的改变 watch:{ '$route.path':function(to,from){ console.log(to); } }, // 监听,当路由发生变化的时候执行 watch:{ $
阅读全文
摘要：方法一 this.$router.go(0) // 会出现一段空白页，用户体验不好 方法二 在 app.vue 中定义 reload() 方法 <template> <div id="app"> <router-view v-if="isReload"/> </div> </template> <s
阅读全文
摘要：如下 new Date().getTime() 获取当前时间（毫秒） 我需要对比的时间为秒，所以需要除于1000 <div v-if="scope.row.created_at < new Date().getTime()/1000"> 我小于当前时间，所以会显示出来 </div> 获取当前日期时间
阅读全文
摘要：前言 [Vue warn]: Unknown custom element: did you register the component correctly? For recursive components, make sure to provide the "name" option. 问题原
阅读全文
摘要：前言 在安装 vue 脚手架的时候，报错 Error: EACCES: permission denied # 安装 Vue CLI 3.x npm i -g @vue/cli 解决 执行以下命令就可以解决了 sudo npm install -g --unsafe-perm=true --allo
阅读全文
摘要：前言 本文作者阮一峰 复杂的软件必须有清晰合理的架构，否则无法开发和维护。 MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。 一、MVC 视图（View）：用户界面。
阅读全文
摘要：前言 有时候我们需要对各种数值进行保留位数，以便于更好的展示。 Html部分 template中这样使用，需要处理的字段名，再加上过滤器方法 <div class="text primary-text"> <span>合计：</span> <span class="money">￥{{totalMo
阅读全文
摘要：前言 有时候我们需要前端处理后端传过来的时间戳进行格式化为日期。 Html部分 template中这样使用，需要处理的字段名，再加上过滤器方法 <el-table-column label="日期" min-width="60"> <template slot-scope="scope">{{sco
阅读全文
摘要：解决方式： 1、在系统中搜索框 输入 Windos PowerShell 2、点击“管理员身份运行” 3、输入“ set-ExecutionPolicy RemoteSigned”回车 4、根据提示，输入A，回车 5、再次回到cnpm -v执行成功。 不只是cnpm命令，包括pnpm、yarn等这些
阅读全文
摘要：Vue 生命周期流程 最开始，用户使用 new Vue() 创建根 Vue 实例，或者 Vue 实例化子组件都会调用_init方法（我们将这两种实例都称为vm）： function Vue(options) { //Vue 构造函数 ... this._init(options) } ... con
阅读全文
摘要：报错信息：Expected error to be handled（需要处理的错误） 这是因为回调函数里面的参数error没有运用到，所以可以不设置参数，或者在回调函数内console.log(error) 报错信息：Trailing spaces not allowed（不允许尾随空格） 这是空格
阅读全文
摘要：formatter 指定一个vue methods 方法 作用：对从数据库中取出的数据进行处理后展示。 <el-table-column prop="partner1" // prop 指定从数据库中查询出的展示字段 :formatter="getPartnerName" // formatter指
阅读全文
摘要：let str = 'abcdef'; // 0 str = str.slice(0);//返回整个字符串 abcdef str = str.substring(0);//返回整个字符串 abcdef str = str.substr(0);//返回整个字符串 abcdef // 使用一个参数 st
阅读全文
