vue
关注
分享
扫一扫
十一号路口。
博客仅用于本人记录学习笔记！
展开
-
vue.js 组件-全局组件和局部组件
原文： 点击打开链接这两天学习了Vue.js 感觉组件这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。 首先Vue组件的使用有3个步骤，创建组件构造器，注册组件，使用组件3个方面。 代码演示如下：<!DOCTYPE html><html> <body> <div id="app"> ...转载 2018-06-29 16:53:10 · 249 阅读 · 0 评论 -
Vue.js 中的动态路由
原文： 点击打开链接在文章 使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的，也就是说是静态路由。而能传递参数的路由模式，由于可以传递参数，所以其对应的路由数量是不确定的，故称之为 动态路由那么如何将参数作为路由呢？在参数名前面加上 : ，然后将参数写在路由的 path 内如下示例： routes: [ //将页面组件与path指令的路由关联 { n...转载 2018-07-12 20:45:24 · 503 阅读 · 0 评论 -
Swiper插件隐藏后再显示造成滑动异常
vue中的Swiper插件原本可以正常滑动，在插件上添加了click事件，并且事件响应函数为show = !show,插件上设置了v-show="show"，这样原本swiper插件可以正常滑动，鼠标点击消失后再次点击显示出来滑动就有些异常，解决方案是在Siper插件绑定的swiperOptions里设置observeParents：true,observer:true....原创 2018-07-11 16:26:30 · 2364 阅读 · 0 评论 -
vue项目报错expected "indent", got "eos"
如图，在写vue项目时stylus代码报错，这样的错误是因为混用空格和tab键造成的。解决方案: 可以把python风格的代码改成类css的加上{}而不是缩进来区别。...原创 2018-07-16 23:58:20 · 6390 阅读 · 0 评论 -
Vue keep-alive实践总结
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。prop:include: 字符...转载 2018-07-10 18:46:51 · 236 阅读 · 0 评论 -
H5中的localstorage缓存对象
以前可以用cookie来缓存浏览器内容的，html5提供了一种更简单的缓存方式localstorage（无限期的缓存）.localstorage是浏览器内置对象,使用很简单，比如你要存一个{'city': 'BeiJing'}就直接用localstorage.city = ‘BeiJing’，使用的时候localstorage.city就可以获取到'BeiJing'。值得注意的是，有些用户可能关闭...原创 2018-07-10 18:28:29 · 869 阅读 · 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 · 345 阅读 · 0 评论 -
better-scroll无法滚动
昨天遇到这个Bug搞了两三个小时才解决...比较坑的就是用bs插件时要能滚动的话有几点要注意的： ①父级元素设置固定高度且必须比子元素小 ②父级元素样式要设置overflow:hidden，position: fixed 我写的代码刚开始没有position: fixed，就无法滚动，改过来后就好了。其它地方我参考的 点击打开链接...原创 2018-07-09 17:41:15 · 1038 阅读 · 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 · 5574 阅读 · 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 · 134 阅读 · 0 评论 -
Vue2.0 探索之路——生命周期和钩子函数的一些理解
原文： https://segmentfault.com/a/1190000008010666前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们...转载 2018-06-29 20:34:44 · 110 阅读 · 0 评论 -
初学vue出现空格警告的原因及其解决办法
转自 https://blog.youkuaiyun.com/SummerJX/article/details/79489247初学vue自己新建一个vue项目来做学习demo。不过在编写代码时一直出现空格不规范的警告。严重影响初学者的热情。错误如下图所示。（这样的错误很多，但大概翻译成中文的意思都是说空格使用不规范。）这是因为你使用 ESLint，用来规范代码风格的。你的 Webpack 配置中大概是使用了...转载 2018-07-07 21:33:39 · 2264 阅读 · 0 评论