vue
文章平均质量分 59
donggejia_de_daxiong
这个作者很懒,什么都没留下…
展开
-
vue 单页面应用中遇到的与IE9有关的坑(一)----IE9不懂ES6
最近几个项目基本都是使用vue 2.x,也是经常碰到浏览器兼容性问题的处理,主要还是针对IE浏览器。Vue 官方对于IE 浏览器版本兼容情况的描述是IE9+, vuejs 本身以及生态的官方核心插件(VueRouter、Vuex等)均可以在 IE9 上正常使用。但是是什么导致在IE9甚至更高版本的IE浏览器中产生兼容问题呢?其中一个原因就是:版本较旧的浏览器并不支持ES6 规范,尤...原创 2018-11-28 11:03:11 · 1135 阅读 · 0 评论 -
vue单页面应用打包后相对路径、绝对路径相关问题
在项目开发过程中,在部署过程中,用到了反向代理,这就要求前端代码中不能使用绝对路径。但是我们知道,一般情况下,通过webpack+vuecli默认打包后的HTML、css、js等文件,使用的都是绝对路径。下面可以举几个例子来看一下:1、打包后的index.html文件2、打包后的css文件所以,如果在项目中需要使用相对路径来获取静态的资源文件,需要怎么做呢?1...原创 2018-11-28 14:42:13 · 10090 阅读 · 0 评论 -
vue 单页面应用中遇到的与IE9有关的坑(二)-----IE9对css文件大小和选择器个数的限制
最近做项目,前端用的vue.js。整个项目初版开发完成之后,部署在测试服务器进行一些边边角角的测试与处理,用浏览器打开后发现样式完全跑偏,表示很恐怖呀……那,IE9,你不兼容ES6,如今又是闹哪样?之后打开F12进行分析,发现,所有的样式都没加载进来啊!原因是IE浏览器对CSS文件大小是有限制的,一种说法是:单个css文件不能超过250kb,另一种说法是单个css文件中选择器个数不能超过400...原创 2018-11-28 15:37:33 · 1254 阅读 · 1 评论 -
vue-router两种模式
说起vue-rouer,不得不提的一个概念是前端路由,要想深入理解前端路由,不得不了解路由、后端路由、前端路由和后端路由的区别、多页面应用、单页面应用这些概念。一、捋一捋概念呀先单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css(非必须文件可以使用懒加载,缩短首屏渲染时间)。所有的页面内容都包含在这个所谓的主页面中。但在写的...原创 2018-12-06 15:15:17 · 3931 阅读 · 0 评论 -
vue.js表单与v-model(一)----输入框
一、input与v-model 碰撞起来的火花input元素结合v-model指令来实现双向绑定,当输入框输入内容变化时,绑定的变量的值发生变化;同样,当绑定变量的值发生变化,视图中输入框的值也会发生变化。其一般使用情景如下:html部分:<div id="app"> <input type="text" v-model="message" /> ...原创 2018-12-14 10:07:54 · 1966 阅读 · 0 评论 -
vue.js表单与单选按钮
最近看到《vue.js实战》这本书中关于表单和v-model指令的部分,里面有这么一段话:单选按钮在单独使用时,不需要v-model,直接使用v-bind绑定一个布尔类型的值,为真时选中,为假时不选。<div class="app"> <input type="radio" :checked="picked" /> <label>单选按..原创 2018-12-14 11:31:40 · 3432 阅读 · 0 评论 -
vue.js学习——计算属性
一、为什么会有计算属性在vue项目中遇到这样的情况,绑定的表达式需要经过复杂的逻辑,而这个表达式依赖于当前vue实例的数据属性,这个时候用计算属性,从而变的更清晰。<div id="app"> <p> {{ reversedText}}</p></div> <script>var vm = new Vue({ e...原创 2018-12-25 16:28:41 · 192 阅读 · 0 评论