柒月

准备工作Vue源码获取项目地址fork一份到自己仓库vue3.0地址源码目录结构srccompiler 编译相关core Vue核心库platforms 平台相关代码server SSR服务端渲染sfc .vue文件编译为JS对象shard 公共的代码FlowJS的静态类型检查器官网参考-3、flow调试设置打包工具 Rollup安装依赖 npm i设置sourcemappackage.json文件中的dev脚本中

先截个图，控制台报错如上。不影响功能，但是看着膈应。百度了下，这个问题是由于连续点击相同路由导致的。vue-router未处理这个问题。解决方式：自己捕捉错误一、this.$router.push(`/login`,()=>{},(err)=>{})二 、 this.$router.push(`/login`).catch(err=>{ ...

vue-cli3 + express + mongodb小型全栈项目（一）vue-cli3 + express + mongodb小型全栈项目（二）

接上篇vue-cli3 + express + mongodb小型全栈项目（一）1、创建vue项目在node_app文件夹下使用vue create client命令生成vue项目。client是本次客户端项目名称。安装后的项目目录：2、使用concurrently连接前、后台项目同时启动2.1 安装concurrently。2.2 修改client项目的package.json增...

1、express搭建服务器1、新建一个项目文件夹，node_app,进去文件夹后，使用命令npm init 初始化项目。注意：这里将入口文件改为了server.js.2、安装express，全局安装nodemon。3、项目根目录新建server.js文件，内容如下：const express = require('express');const app = express();...

方式一通过vue inspect 命令。这个命令会在命令行列出配置，但是由于配置太多的话会显示不全，命令行有字符数限制的。通过如下命令查看规则配置的列表：vue inspect --rules如：具体配置可以通过如下命令： vue inspect --rule vue注意这里是rule。vue是上面列出的规则，vue是vue-loader的规则配置。如果想看用了哪些插件，...

之前项目中使用到一些公共的处理函数。一直的做法是写在一个JS文件中，用的时候在引用此文件。这样就是每个组件都要引用，在页面模板处理数据时，如格式化日期等还需要将对应的函数赋值给过滤器来使用。最近改成了写成vue插件的形式，方便许多。1、新建一个JS文件。2、如下示例代码const Plugin = {};Plugin.install = (Vue, options) => { ...

今天尝试在vue-cli项目中使用iview定制一下主题。按照官网的步骤。新建一个文件夹，新建一个index.less文件。变量覆盖（推荐） #如果你的项目使用了 webpack 工程，可以通过变量覆盖的方式来实现主题定制。首先在项目中先建一个目录，比如 my-theme，然后在 my-theme 下建立一个 less 文件 index.less，并写入下面内容：@import '~ivi...

最近学习vue-cli3,将电脑的vue-cli版本升级到vue-cli3.$ vue -V3.5.1所以vue-cli2的创建项目的命令就不能用了。$ vue init webpack demo Command vue init requires a global addon to be installed. Please run yarn global add @vue/...

准备工作：1、使用vue-cli脚手架搭建一个vue项目(vue-demo)。2、component文件夹下新建2个组件A和B。配置好路由。//index.js文件配置好路由import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'impor...

1、初始化项目2、进入项目文件夹，安装依赖3、在asserts文件夹中加入以下文件4、将mui的fonts文件夹拷贝到src目录下。5、.babelrc文件中加入以下代码6、mui.js文件中加入如下代码window.mui = mui;7、App.vue 中加入mui的代码效果8、mui的选择器9、mui的日期选择器...