![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
十一号路口。
博客仅用于本人记录学习笔记!
展开
-
vue.js 组件-全局组件和局部组件
原文: 点击打开链接这两天学习了Vue.js 感觉组件这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记。 首先Vue组件的使用有3个步骤,创建组件构造器,注册组件,使用组件3个方面。 代码演示如下:<!DOCTYPE html><html> <body> <div id="app"> ...转载 2018-06-29 16:53:10 · 215 阅读 · 0 评论 -
Vue.js 中的动态路由
原文: 点击打开链接在文章 使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的,也就是说是静态路由。而能传递参数的路由模式,由于可以传递参数,所以其对应的路由数量是不确定的,故称之为 动态路由那么如何将参数作为路由呢?在参数名前面加上 : ,然后将参数写在路由的 path 内如下示例: routes: [ //将页面组件与path指令的路由关联 { n...转载 2018-07-12 20:45:24 · 479 阅读 · 0 评论 -
Swiper插件隐藏后再显示造成滑动异常
vue中的Swiper插件原本可以正常滑动,在插件上添加了click事件,并且事件响应函数为show = !show,插件上设置了v-show="show",这样原本swiper插件可以正常滑动,鼠标点击消失后再次点击显示出来滑动就有些异常,解决方案是在Siper插件绑定的swiperOptions里设置observeParents:true,observer:true....原创 2018-07-11 16:26:30 · 2293 阅读 · 0 评论 -
vue项目报错expected "indent", got "eos"
如图,在写vue项目时stylus代码报错,这样的错误是因为混用空格和tab键造成的。解决方案: 可以把python风格的代码改成类css的加上{}而不是缩进来区别。...原创 2018-07-16 23:58:20 · 6343 阅读 · 0 评论 -
Vue keep-alive实践总结
<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。prop:include: 字符...转载 2018-07-10 18:46:51 · 192 阅读 · 0 评论 -
H5中的localstorage缓存对象
以前可以用cookie来缓存浏览器内容的,html5提供了一种更简单的缓存方式localstorage(无限期的缓存).localstorage是浏览器内置对象,使用很简单,比如你要存一个{'city': 'BeiJing'}就直接用localstorage.city = ‘BeiJing’,使用的时候localstorage.city就可以获取到'BeiJing'。值得注意的是,有些用户可能关闭...原创 2018-07-10 18:28:29 · 846 阅读 · 0 评论 -
简单使用Vuex步骤及注意事项
原文 点击打开链接使用Vuex的步骤:(1)安装: 1.使用npm安装: ?1npm install vuex --save 2.使用script标签引入 ?123<script src="/path/to/vue.js"></script> <script src="/path/to/vuex.js"></script> ...转载 2018-07-09 23:59:52 · 309 阅读 · 0 评论 -
better-scroll无法滚动
昨天遇到这个Bug搞了两三个小时才解决...比较坑的就是用bs插件时要能滚动的话有几点要注意的: ①父级元素设置固定高度且必须比子元素小 ②父级元素样式要设置overflow:hidden,position: fixed 我写的代码刚开始没有position: fixed,就无法滚动,改过来后就好了。其它地方我参考的 点击打开链接...原创 2018-07-09 17:41:15 · 1000 阅读 · 1 评论 -
vue中的滚动条插件better-scroll
s 1、准备工作在项目中安装better-scroll:npm install --save better-scroll1组件中引入插件import BScroll from "better-scroll";12、开始使用插件dom结构<div class="bscroll" ref="bscroll"> <div class="bscroll-container">转载 2018-07-08 20:33:03 · 5522 阅读 · 0 评论 -
vue2.0组件通信各种情况总结与实例分析
Props在vue组件中各种角色总结在Vue中组件是实现模块化开发的主要内容,而组件的通信更是vue数据驱动的灵魂,现就四种主要情况总结如下:使用props传递数据---组件内部//html<div id="app1"> <i>注意命名规定:仅在html内使用my-message</i> <child my-message="组件内部数据...转载 2018-07-01 19:55:57 · 108 阅读 · 0 评论 -
Vue2.0 探索之路——生命周期和钩子函数的一些理解
原文: https://segmentfault.com/a/1190000008010666前言在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们...转载 2018-06-29 20:34:44 · 97 阅读 · 0 评论 -
初学vue出现空格警告的原因及其解决办法
转自 https://blog.csdn.net/SummerJX/article/details/79489247初学vue自己新建一个vue项目来做学习demo。不过在编写代码时一直出现空格不规范的警告。严重影响初学者的热情。错误如下图所示。(这样的错误很多,但大概翻译成中文的意思都是说空格使用不规范。)这是因为你使用 ESLint,用来规范代码风格的。你的 Webpack 配置中大概是使用了...转载 2018-07-07 21:33:39 · 2234 阅读 · 0 评论