![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
阿清呀.
这个作者很懒,什么都没留下…
展开
-
98% after emitting CopyPlugin vueCli 卡住错误解决
问题:跑项目中发现这个问题,卡在这里,也不报错,就是服务不运行,重置也不好使,还是卡在 98%解决方法:检查了一下,原来是引入模块的时候没有写路径:我承认我马虎了????其他情况当你引入图片的时候,没有写路径,也会卡在98% after emitting CopyPlugin vueCli 那里。请大家一定要认真!!!...原创 2020-08-21 21:23:09 · 1760 阅读 · 1 评论 -
如何使用nginx将Vue项目在Window下部署
文章首发观看更佳官方网站:https://nginx.org1、下载nginxmainline version:最新稳定版本,生产环境下建议使用的版本。下载并解压,解压文件夹不能包含中文。双击nginx.exe 启动接口,在浏览器中输入 localhost 看到下面内容就说明安装成功了2、使用nginx将我们打包的项目放到 nginx 中。我们将dist中的文件全部放到 nginx中的html 文件夹中然后在我们浏览器中输入localhost 就能看到我们部署的项目了原创 2020-08-21 19:59:29 · 245 阅读 · 1 评论 -
VUE中v-for为什么要加key
文章首发,观看更佳。— 传送门 —我们先来举个栗子????:如果我们不加key: <div id="app"> <div> <input type="text" v-model="name"> <button @click="add">添加</button> </div> <ul> <li v-for=" item in list">转载 2020-08-16 18:25:34 · 802 阅读 · 3 评论 -
Vue之axios详解
观看更佳:传送门为什么选择axios????? 功能特点: ????在浏览器中发送 XMLHttpRequests 请求 ????在 node.js 中发送 http请求 ????支持 Promise API ????拦截请求和响应 ????转换请求和响应数据axios 的请求方式???? 支持多种请求方式: ???? axios(config) ???? axios.request(config) ???? axios.get(url[, config])原创 2020-08-14 21:15:17 · 570 阅读 · 0 评论 -
Vue 之 better-scroll 详解
观看更佳:传送门better-scroll 是什么better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。better-scroll 是基于原生 JS 实现的,不依赖任何框架。它编译后的代码大小是 63kb,压缩后是 35kb,gzip 后仅有 9kb,是一款非常轻量的 JS lib。起步学习使用.原创 2020-08-14 21:13:27 · 26689 阅读 · 6 评论 -
详解vue生命周期
观看更佳:传送门vue生命周期介绍首先,每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉:可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数,然后我们再一一详解:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestro.转载 2020-08-14 21:10:22 · 143 阅读 · 0 评论 -
Vue项目中文件路径问题
Vue项目中文件路径问题在我们写Vue项目中的时候,路径是很令人苦恼的东西,比如:src 引入资源的时候 <img slot="item-icon-active" src="./assets/imgs/tabbar/profile_active.svg" alt="">比如: 引入一些组件的时候import TabBerItem from './components/tabber/TabBerItem'等等。。。当我们要去移动这些文件,或者复用某个组件的时候,那么对于路径问题,原创 2020-08-02 21:27:42 · 2720 阅读 · 0 评论 -
什么是前端渲染和后端渲染,前端路由和后端路由。
—文章首发—什么是前端渲染和后端渲染,前端路由和后端路由。视频讲解后端渲染:服务器直接生产渲染好对应的HTML页面, 返回给客户端进行展示。比如:jsp页面好处:前端耗时少,即减少了首屏时间,模板统一在后端。前端(相对)省事,不占用客户端运算资源(解析模板)坏处:占用服务器资源。前端渲染浏览器中显示的网页中的大部分内容,都是由前端写的 js 代码在浏览器中执行,最终渲染出来的网页。也可以怎么说:后端返回JSON数据,前端利用预先写的html模板,循环读取JSON数据,拼接字符串,并.原创 2020-07-30 22:24:29 · 684 阅读 · 0 评论 -
Vue-cli3和Vue-cli4打包 npm run build 路径错误解决办法(亲测管用)
–Vue-cli3打包 npm run build 路径错误解决办法我们用vue-cli搭建的项目执行npm build后本地打开页面空白,如何才能查看npm run build之后的结果呢。我们先看一下提示信息: Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.这段话的意思就是说:构建文件务必放在一个HTTP服务器。直接打开i.原创 2020-07-29 21:54:20 · 1968 阅读 · 0 评论 -
Vue CLI 中 Runtime-Compiler和Runtime-only的区别
—文章首发—在我们初始化vue项目的时候,会让我们选择 Runtime-Compiler 还是 Runtime-only 。那我们就来看一下他们有什么区别Runtime-Compiler:编译器版本。Runtime-only:运行时版本。如果你需要在客户端编译模板(例如,向 template选项传入一个字符串,或者需要将模板中的非DOM的HTML挂载到一个元素),你需要带有编译器的版本,因而需要完整构建版本。// 这种情况需要编译器new Vue({ template:`<div.原创 2020-07-29 16:46:20 · 463 阅读 · 0 评论 -
报错‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
—文章首发—在我们初始化Vue项目的时候,有时候会碰到’webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。解决方案:方案一:看看自己的项目里面是否有node_modules文件夹,1、如果没有就尝试执行npm install,这是因为缺少依赖包。2、如果有就将这个node_modules文件夹删掉,重新执行npm install,等待安装完之后,再次运行“npm run dev”,有些人的是马上就可以了,然而往往还会有人(譬如我)仍然报类似的错误,.原创 2020-07-29 16:00:39 · 10962 阅读 · 1 评论