weixin_42762167的博客

前言：上篇文章记录了如何搭建vue3.0版本的项目，今天来对vue3.0来记录一下如何开配置UI框架Ant Design Vue以及配置的时候所遇到的一些问题首先，先把之前用vue-cli搭建好的vue3.0的项目启动起来（找到文件夹，右键打开命令行窗口，执行命令：npm run serve）出现以上提示就说明项目启动成功，复制网址在浏览器里边打开一、配置UI框架Ant Design Vue（1）首先control c停掉项目运行，然后运行以下指令安装依赖（建议使用cnpm来安装）安装命令：cn

前言：最近公司想重构一个项目，CTO选择了vue3.0 + ant-design-vue技术栈，正好自己也想尝试一下，试着搭建一下，以后有更好的会及时补充修改注：粗体是命令指令，推荐使用cnpm指令，没有安装淘宝镜像的使用npm（淘宝镜像安装指令：npm install -g cnpm --registry=https://registry.npm.taobao.org）一、vue（3.0）版本的安装1.先要安装node.js（在这里就不演示怎么安装nodejs,前面的博客有教程）官网：https:

今天在修改 config/index.js 中的 build 里面的 assetsPublicPath 时，发现了其下面的 productionSourceMap 和 productionGzip。说句尴尬的话，之前还真没有注意到过这两个属性，现在既然发现了，那就探索下吧。...

有关于移动端的适配布局一直以来都是众说纷纭，对应的...

今天突发奇想，想自己搭建一套移动端的模板来方便自己以后写项目的时候不用再花费无用的时间去搭建项目。先说下这套模板的项目配置，主要使用 vw 适配移动端webpack + vue + vue-router + axios + mint-ui + sass + postcss + normalize.css...

最近在做一个商城官网，需要优化网站排名，公司要求做seo，项目架构用的vue SSR服务端渲染，由于vue是但页面应用，所以主要通过对路由的跳转动态切换title和meta里的内容来实现。项目搭建就不多说了，主要是在gitHub上面下载的一个模版，后期会整理好再发一篇文章。一、首先router.js给每个页面组件加上meta属性，然后meta属性里边定义一个title和index(因为tdk数...

在我们的日常开发中，有时候会遇到页面的缓存，特别是电商的项目，在商品列表的一些状态都是要缓存下来的。下面就简单介绍几种 vue 路由缓存的几种方式。1、全部缓存<keep-alive> <router-view></router-view></keep-al...

背景1：在vue写的后台管理项目中，经常会有增、删、改、查的操作，这些操作只是跟用接口跟后台交互下既然用接口交互，那肯定就是axios的异步请求，那么就是说后台数据发生了改变，但是前台的数据并没有实时的更新（每次操作完后台把列表数据重新返给你例外，但是这样的话每次交互的数据量就偏大了）背景2：在使用动态路...

一、安装node.js去官网下载安装node.jshttps://nodejs.org/en/或者可以去node.js中文网下载http://nodejs.cn/download/安装完成以后通过命令行工具输入 node -v 查看安装的node.js版本命令行工具输入 npm -v 查看安装的npm（包管理工具）版本如果出现类似下面截图中的版本号 证明安装成功二、安装cnp...

【vue】vue路由传参的三种方式&lt;article class="baidu_pl"&gt; &lt;div id="article_content" class="article_content clearfix csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post

vue的组件传值分为三种方式：父传子、子传父、非父子组件传值引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示：&nbsp;下面我们就开始用代码（一言不合就上代码）详细的介绍vue组件传值的三种方式1、父传子子组件的代码：&lt;template&gt; &lt;div ...

vue数据双向绑定实现原理

如果不会搭建，请移步：从零搭建一个vue-cli项目二、安装jquery我们都知道 bootstarp 是依赖于 jquery 的，所有要想使用 bootstarp 我们就要先安装 jquery在命令行打开项目根目录，输入：npm install jquery --save-dev安装完成以后修改 build 文件下的 webpack.base.conf.js 文件在&amp;nbsp;mod...

在很多的网站中，我们发现在滚动条滑动的时候一些元素显示出来的时候是有一些动画效果的，这样看起来页面更具有活力，增加用户体验。当然这些动画我们可以通过判断滚动条的位置或者判断元素距离可视窗口的距离自己写一些动画来实现，但是当页面的动画元素过多的时候，难免有点繁琐，所以本篇博客介绍使用 WOW.js 和 animate.css 来实现页面滚动加载元素动画二、引入和使用引入和使用分为两种，一种是标签...

npm install -g vue-clivue init webpack my-projectcd my-projectnpm run dev配置vue插件 lib-flexible安装插件 lib-flexiblenpm i lib-flexible --save-dev在main.js中引入lib-flexibleimport 'lib-flexible/fle...

在vue写的后台管理项目中，经常会有增、删、改、查的操作，这些操作只是跟用接口跟后台交互下既然用接口交互，那肯定就是axios的异步请求，那么就是说后台数据发生了改变，但是前台的数据并没有实时的更新（每次操作完后台把列表数据重新返给你例外，但是这样的话每次交互的数据量就偏大了）所以就要想一个办法，让后台执行完操作后，给前台返一个操作结果，然后前台手动刷新页面一开始我...

现在很多公司的项目都是前后端分离的项目，那么说到前后端分离，必定会有ajax请求来获得后台的数据。在做jquery项目的时候，我们都会使用它封装好的方法来直接发起ajax请求。在vue项目中，我们使用最多的就是axios这个插件，下面就简单的封装下这个插件并且把接口给统一化管理。一、安装和配置1.在项目根目录下打开终端安装npm install axios -S...

今天分享下自己使用 webpack + vue-cli 搭建项目的时候，是如何区分开发、测试、展示、生产这四种环境的。我们随便百度怎么区分环境，会有很多种答案。但大多数都是让在 config 文件夹下新建一个 test.env.js 和 pre.env.js，然后再去修改一大堆的配置，显得非常的麻烦。今天给大家...

在前后端分离的项目中，经常会有后台返回的数据需要进过处理才能显示到页面上的场景。使用最多的场景就是日期和时间的处理，后台一般返回的都是时间戳，那么我们就要对时间戳进行处理。下面就拿封装全局的处理日期和时间的 filter 来展示如何 vue 如何封装全局 filter 并统一处理。在 src 目录下新建 filters 目录用来专门存放全局过滤器，如果项目的过滤器过...

不多BB先上图可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作,，那么先列出所有的钩子函数，然后我们再进行详解：beforeCreate——创建前created——创建后beforeMount——挂载前mounted——挂载后beforeUpdate——数据发生改变前updated——数据发生改变后beforeDestroy——实...