随笔分类 - vue项目
摘要：最近在用vue写pc端项目，用vuex来做全局的状态管理， 发现当刷新网页后，保存在vuex实例store里的数据会丢失。 1. 产生原因 2. 解决思路 3. 解决过程 1. 产生原因其实很简单，因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数
阅读全文
摘要：本文简单介绍下三种路由传参： （1）在路由中配置 { path : ‘/home/:id’, name : ‘Dome’, component } 然后写调用的时候 this.$router.push({path : `/describle/${id}`}) 取值： $route.parms.id
阅读全文
摘要：router-link传参 【注意】 1、使用params方式传参时，只支持name跳转； 案例如下： 2、使用query传参，注意：两种都支持 案例如下 .
阅读全文
摘要：首先简单来说明一下$router和$route的区别 //$router : 是路由操作对象，只写对象 //$route : 路由信息对象，只读对象 //操作 路由跳转 this.$router.push({ name:'hello', params:{ name:'word', age:'11'
阅读全文
摘要：前端经常在静态资源的存放上有分歧 相同点： assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点 不相同点： assets中存放的静态资源文件在项目打包时，也就是运行npm run build时会将assets中放置的
阅读全文
摘要：数据来源方式： 为什么要用mockjs 实际开发中，前后端分离，前端需要后端的接口去完成页面的渲染，但是并不能等到后端成员写完接口再开始进行测试。大部分情况下，前后端需要同时进行开发。因此便需要mockjs制造随机数据来进行后端接口模拟。看了官方文档之后一脸懵逼，这些都是什么鬼？？？？？因此总结了一
阅读全文
摘要：什么是 IconFont 顾名思义，IconFont 就是字体图标。严格地说，就是一种字体，但是，它们不包含字母或数字，而是包含符号和字形。您可以使用 CSS 设置样式，就像设置常规文本一样，这使得 IconFont 成为 Web 开发时图标的热门选择。 IconFont 的背景 WebFont 我
阅读全文
摘要：（1）浏览器本身并不认为.vue文件，所以必须对.vue文件进行加载解析，此时需要vue-loader （2）类似的loader还有许多，如：html-loader、css-loader、style-loader、babel-loader等 （3）需要注意的是vue-loader是基于webpack
阅读全文
摘要：目标 本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性： 其它开发者或是团队成员更容易阅读和理解。 IDEs 更容易理解代码，从而提供高亮、格式化等辅助功能 更容易使用现有的工具 更容易实现缓存以及代码包的分拆 本指南为 De Voorhoede 参考 RiotJS
阅读全文
摘要：组件化开发 前端组件化是现在前端框架中一个非常重要的思想元素，将页面内容进行拆分之后，可独立维护，可复用性大大提高。哪个地方出问题，直接去修改的对应的组件即可。团队人员配置多的时候，你写你的header，我写我的footer。相互不影响，不冲突。而组件的合理拆分，也就变成了衡量水平的一个维度之一。
阅读全文
摘要：本质分析： 因为axios在vue中利用中间件http-proxy-middleware做了一个本地的代理服务A，相当于你的浏览器通过本地的代理服务A请求了服务端B，浏览器通过服务A并没有跨域，因此就绕过了浏览器的同源策略，解决了跨域的问题。 一、 问题 当浏览器报如下错误时，则说明请求跨域了。 l
阅读全文
摘要：先分析下生命周期 beforecreated：el 和 data 并未初始化 created:完成了 data 数据的初始化，el没有 beforeMount：完成了 el 和 data 初始化 mounted ：完成挂载 （1）mounted 很多人跟我说初始化放在Mounted里面， 我问她(他
阅读全文
摘要：【前言】 本文介绍下axios用法，希望对大家有所帮助 这里声明一句：请求数据一般放置到哪里？详见下篇文章 【主体】 （1）下载 npm i axios --save （2）引入axios模块 方式1：在每个页面根组件引入，然后使用 方式2：在入口文件引入，然后通过Vue.prototype 属性，
阅读全文
摘要：用户操作swiper之后，是否禁止autoplay。默认为true：停止。如果设置为false，用户操作swiper之后自动切换不会停止，每次都会重新启动autoplay。操作包括触碰，拖动，点击pagination等。 Swiper3.x <script> var mySwiper = new S
阅读全文
摘要：【前言】 Vue里发送AJAX有很多工具可以供开发者使用 ①浏览器自带的fetch函数 ②vue之前推荐的vue-resource第三方模块 ③vue官方目前强力推荐的axios第三方模块 axios可以实现跨平台数据请求 【主体】 （1）安装axios npm i axios --save （2）
阅读全文
摘要：这里发现小程序实现步骤,Vue与之类似 先上效果图： <view class="icons"> <swiper indicator-dots="true" indicator-active-color="rgba(0,175,190,.8)" style='height: 360rpx;'> <sw
阅读全文
摘要：问题描述： 用ajax动态加载swiper-slide以后，由于我是自适应屏幕的尺寸来决定一屏显示多少图片，所以加了 slidesPerView:'auto'这条属性，加了这条属性过后，每次刷新页面的时候他总是跑到最后一张 亲测有效 分析：默认的是加载的空数组，等数组获取完再加载swiper组件，在
阅读全文
摘要：问题 vue单文件组件中无法修改swiper样式。 解决 1，单文件组件中：新增一个style 不加scoped 让它最终成为全局样式。只在其中操作swiper的样式。 <style lang="scss"> .swiper-container{ .swiper-pagination{ .swipe
阅读全文
摘要：【方案一：padding实现】 原理： 一个元素的 padding，如果值是一个百分比，那这个百分比是相对于其父元素的宽度而言的，padding-bottom 也是如此。 使用 padding-bottom 来代替 height 来实现高度与宽度成比例的效果，将 padding-bottom设置为想
阅读全文
摘要：报错： vue报这个错 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot
阅读全文
浙公网安备 33010602011771号