jingtian678的博客

今天使用Vuex的时候遇到一个坑，也可以说是自己的无知吧，折腾了好久，终于发现自己代码的错误了。真是天雷滚滚~~~~~~index.jsimport Vue from 'vue'import Vuex from 'vuex'import mutations from './mutations'import actions from './action'import gette...

flex-grow、flex-shrink、flex-basis这三个属性的作用是：在flex布局中，父元素在不同宽度下，子元素是如何分配父元素的空间的。其中，这三个属性都是在子元素上设置的。注：下面讲的父元素，指以flex布局的元素(display:flex)。flex-basis该属性来设置该元素的宽度。当然，width也可以用来设置元素宽度。如果元素上同时设置了width和fl...

如图，ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：在上面的例子中，input的引用信息为input1 ，$refs 是所有注册过的ref的一个集合，console.log(this.$refs.input1)//<input ...

Vue的项目中，如果项目简单， 父子组件之间的数据传递可以使用  props 或者 $emit 等方式 进行传递但是如果是大中型项目中，很多时候都需要在不相关的平行组件之间传递数据，并且很多数据需要多个组件循环使用。这时候再使用上面的方法会让项目代码变得冗长，并且不利于组件的复用，提高了耦合度。Vue 的状态管理工具 Vuex 完美的解决了这个问题。看了下vuex的官网，觉得不是很好理...

1.最传统方法 for循环 var arr = ["first","second","third","fourth",3,5,8]; for(var i = 0; i < arr.length;i++){ console.log(arr[i]); } //输出： first second third fourth...

最近在对接接口。做个笔记，记下对请求中的success:function(res)回调函数中的参数“res”的理解。 res = {data:"开发者服务器返回的内容"}res这个参数可以理解为一个Object。 res.data指服务器返回的内容。res参数还有其他的属性，比如statusCode（指开发者服务器返回的 HTTP 状态码），还有header（指开发...

 三者缺一不可，需同时应用： text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果： li {width:300px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden...

1、兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据2、创建一个Vue的实例，让各个兄弟共用同一个事件机制。3、传递数据方，通过一个事件触发bus.$emit(方法名，传递的数据)。4、接收数据方，通过mounted(){}触发bus.$on(方法名，function(接收数据的参数){用该组件的数据接收传递过来的数据})，此时函数中的this已经发生了改变，可以使用箭头函数...

一 ： v-if作用 ： 判断是否加载固定的内容，如果为真，就加载，否则不加载 用处 : 用在权限管理，页面加载 语法 : v-if="判断表达式" 特点 : 控制元素插入或删除，而不是隐藏（v-show是隐藏） v-if与v-show的区别 :v-if的安全级别更高，v-show只是隐藏了，通过页面源代码还是可以看到，安全级别低、 v-if更高的切换消耗（切换消耗指从未加载到加载...

如果项目很大，组件很多，怎么样才能准确的、快速的寻找到我们想要的组件了？1）$refs首先你的给子组件做标记。demo ：<firstchild ref="one"></firstchild>然后在父组件中，通过this.$refs.one就可以访问了这个自组件了，包括访问自组件的data里面的数据，调用它的函数2）$children他返回的是一个组件集...

使用VUE开发单页项目时遇到这样的问题，mounted中使用setInterval()定时向服务器获取数据，后来跳转页面后，发现还在不停的获取数据。我以为是因为我路由用的push导致的，改成replace也是这样，后来就在博客园找到答案了，如下：http://www.cnblogs.com/zzbp/p/5834110.html问题：(javascript)使用Vuejs + Vue-ro...

内容UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - ...

看一下官方文档：组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。也就是props是子组件访问父组件数据的唯一接口。详细一点解释就是：一个组件可以直接在模板里面渲染data里面的数据（双大括号）。子组件不能直接在模板里面渲染父元素的数据。如果子组件想要引用父元素的数据，那么就在...

需求简易版 tab对应的选项卡只是普通文本，多用于展示性组件。 复杂版 tab对应的选项卡包括表格，按钮，图标，表单等多种元素，包括数据交互、与父组件的通信等。 性能优化 切换tab时，缓存组件。方案Prop 父组件向子组件传递参数。 tabList(tabs标题列表)、tabIndex(当前的tab序号) 自定义事件 切换tab事件 slot 内容分发 动态组件...

Vue是一个轻量级的渐进式框架，对于它的一些特性和优点在此就不做赘述，本篇文章主要来探讨一下Vue子父组件通信的问题首先我们先搭好开发环境，我们首先得装好git和npm这两个工具(如果有不清楚的同学请自行百度哦)环境搭建步骤：打开git ，运行 npm install --global vue-cli 这是安装vue的命令行 vue init webpack vue-demo 这是...

运行npm cache clean --force 清空npm缓存即可决这个问题 

文章目录1.Vuex(一)–为什么要使用Vuex 2.Vuex(二)–Vue核心概念State 3.Vuex(三)–Vue核心概念Getter 4.Vuex(四)–Vue核心概念Mutation 5.Vuex(五)–Vue核心概念Action 6.Vuex(六)–Vue核心概念Module 关于Vuex，可以看看官方文档-《Vuex 是什么？》。文档里面其实也说了为什么要使用Vue...

有时候指令太多会造成记错、记混的问题，所以本文在记忆的时候会采用穿插记忆的方式，交叉比对，不易出错。本文主要讲了一下六个指令：v-if//v-show//v-else//v-for//v-bind//v-on1. v-if 条件渲染指令，根据其后表达式的bool值进行判断是否渲染该元素；eg:  　　HTML: <div id="example01"> ...

VUE一般使用template来创建HTML，然后在有的时候，我们需要使用javascript来创建html，这时候我们需要使用render函数。比如如下我想要实现如下html：<div id="container"> <h1> <a href="#"> Hello world! </a> </h

将父组件的内容放到子组件指定的位置叫做内容分发//在父组件里使用子组件<son-tmp> <div>我是文字，我需要放到son-tmp组件里面制定的位置</div></son-tmp>单个插槽父组件app.vue<template> <div id="app"> <

前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本...

在vue2.0里页面参数是 this.$route.query或者 this.$route.params 接收router-link传的参数。在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转，所以有个方法就是在script标签里面写this.$router.push('要跳转的路径名')， 在写的时候发现这两个为什么不同，在控制台打出this的时候，...

今天我来总结一下vue中computed 和 watch的异同！一、computed 和 watch 都可以观察页面的数据变化。当处理页面的数据变化时，我们有时候很容易滥用watch。 而通常更好的办法是使用computed属性，而不是命令是的watch回调。 这里我直接引用vue官网的例子来说明：html:我们要实现 第三个表单的值 是第一个和第二个的拼接，并且在前俩表单数值变化时...

项目中图片都放在src/img文件夹，img和background-image引用都用相对路径，即../../这种形式 在打包build的设置路径assetsPublicPath: ‘./‘，然后那些没有转成base64的背景图都失效了，，路径。处理方法：　　使用require引入图片 1 2 3 4 5 img标签 ...