VueJS
文章平均质量分 57
jmin_coming
保持一种空杯心态去承载事物!
展开
-
用Vue-cli搭建的项目中引入css报错的原因
1.问题描述之前用vue-cli搭建的项目,在main.js中引入elementUI库中的css,或者在其他文件中(比如App.vue)引入自己的css文件(假如你的文件是在src目录下),都会报一个相同的错。下如图经过一番折腾之后发现需要在build文件下的webpack.base.conf.js中加上下面的代码即可 { test: /\.c原创 2017-03-10 09:57:59 · 32267 阅读 · 6 评论 -
vuejs中v-if和v-show的区别以及v-show不起作用
1.官网概念描述v-if 是'真正的'条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建.v-if 也是惰性的,如果在初始渲染时条件为假,那么什么都不做- - 直到条件第一次为真的时候才会开始渲染条件块,相比之下,v-show就简单得多- - 不管初始条件是什么,元素总会被渲染,并且只是简单的基于css进行切换.一般来说,v-if 有更高的切换开销,而...原创 2017-03-30 15:34:18 · 52763 阅读 · 0 评论 -
在vue中用webpack打包之后运行文件问题以及相关配置
1.vue中的vue-cli打包最近在用vue写一个小项目,其中就用到了vue脚手架工具vue-cli,在测试打包后能否运行过程中遇到不少问题,而且在网上这些问题答案都不太好找,废话不多说,进入正题。a.执行打包命令:npm run build b.打包之后生成的文件夹为根目录下的dist文件:c.进入dist中在运行这个index.html之前先说说一些打包配原创 2017-03-15 14:17:31 · 28303 阅读 · 14 评论 -
vue打包之后静态资源图片失效问题
1.问题描述在项目开发中,当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题,控制台中提示某个图片没有找到(404错误),这些图片可以是以src引入的图片, 也可以是css中定义的背景图片。图片能否显示与你的静态资源文件存在位置和引入的路径直接相关,下面是我的其中一个项目的文件存放以及路径书写方式!2.解决方法之一静态资源static存放位...原创 2017-04-13 16:36:40 · 46134 阅读 · 6 评论 -
vue2.0总结 --- vue使用过程中的常见问题
Vue目前的开发模式主要有两种1.直接页面级的开发,script直接引入Vue2.工程性开发,webpack+loader或者直接使用脚手架工具Vue-cli,里面的文件都配置好了,webpack可以进行配置,配置多文件入口,进行多页面开发对于第二种开发方式,结合webpack打包完文件会很大,怎么解决这个问题?1.webpack代码拆分:code-spliting转载 2017-04-19 11:27:10 · 18185 阅读 · 0 评论 -
vuejs中执行npm run dev出现页面cannot GET/问题
1.问题描述最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况:1.浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误2.命令窗口中并没有报错其中有人说是路由等问题,后来通过创建新的项目对比配置文件信息,发原创 2017-03-15 21:52:24 · 36704 阅读 · 0 评论 -
vuejs组件状态管理Vuex
对于新手来说,一开始接触vuex时候只听说它很强大,很好用,各种nb操作,一旦尝试去了解它的时候便显得力不从心。本人也是如此,一开始接触的时候通过看文档, 看视频,最后还是把它搁一边去。一段时间之后回来再琢磨的时候,便有了新的认识和理解。首先,如果你想真正掌握vuex,那么就的弄清楚这几个问题:1.什么是vuex?2.在什么情况下要用到vuex(也就是vuex能够解决什么样的问题),什原创 2017-10-04 09:50:31 · 2557 阅读 · 0 评论 -
三张图区别多页和单页应用模式
关于单页应用和多页应用模式的区别,借助网友的三张图就可以说明。图片来源:http://blog.csdn.net/u013291076/article/details/53667382转载 2017-12-29 10:32:46 · 7662 阅读 · 0 评论 -
个人理解的VueJS生命周期以及其中钩子函数的实际应用
朋友你好!很幸运的,我的文章能够被你看到,那么此时你应该想对vuejs的生命周期有更为通俗的理解,以及想知道其中某些钩子函数在实际开发中的应用场景,下面直接看图吧。1.vue的生命周期简单的说生命周期就是事物从产生到消失的一个时间过程。那么vue的生命周期就是从其被创建到销毁的过程,其中包含了开始创建、初始化数据、编译模板、挂载dom(渲染) ,渲染->更新->渲染、销毁(卸载)等原创 2018-02-03 21:58:29 · 7061 阅读 · 4 评论