06 2018 档案
摘要：grid 布局 设置行列间距 1 2 3 4 5 6
阅读全文
摘要：grid 布局 等比例设置布局 1 2 3 4 5 6-->
阅读全文
摘要：grid 布局 1 2 3 4 5 6-->
阅读全文
摘要：子组件使用v-if判断后渲染。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。
阅读全文
摘要：_.kebabCase([string='']) 转换字符串为 kebab case。 _.kebabCase('Foo Bar'); // => 'foo-bar' _.kebabCase('fooBar'); // => 'foo-bar' _.kebabCase('__foo_bar__');
阅读全文
摘要：_.escapeRegExp([string='']) 转义RegExp 中特殊的字符 "^", "$", "\", ".", "*", "+", "?", "(", ")", "[", "]", "{", "}", 以及 "|"。 _.escapeRegExp('[lodash](h
阅读全文
摘要：_.capitalize([string='']) 转换字符串首字母为大写，剩下为小写。 _.capitalize('FRED'); // => 'Fred' 转换字符串首字母为大写，剩下为小写。
阅读全文
摘要：_.camelCase([string='']) 转换字符串为 驼峰写法 _.camelCase('Foo Bar'); // => 'fooBar' _.camelCase('--foo-bar'); // => 'fooBar' _.camelCase('__foo_bar__'); // =>
阅读全文
摘要：(1) _.pick(object, [props]) 创建一个从 object 中选中的属性的对象。 var object = { 'a': 1, 'b': '2', 'c': 3 }; _.pick(object, ['a', 'c']); // => { 'a': 1, 'c': 3 } (2
阅读全文
摘要：_.random([min=0], [max=1], [floating]) 产生一个包括 min 与 max 之间的数。 如果只提供一个参数返回一个0到提供数之间的数。 如果 floating 设为 true，或者 min 或 max 是浮点数，结果返回浮点数。 _.random(0, 5); /
阅读全文
摘要：_.round(number, [precision=0]) 根据 precision 四舍五入 number。 _.round(4.006); // => 4 _.round(4.006, 2); // => 4.01 _.round(4060, -2); // => 4100 根据 precis
阅读全文
摘要：1、isArray _.isArray(value) 检查 value 是否是 Array 类对象。 2、isElement _.isElement(value) 检查 value 是否是可能是 DOM 元素 3、isEqual 执行深比较来决定两者的值是否相等 var object = { 'us
阅读全文
摘要：_.map(collection, [iteratee=_.identity]) 创建一个经过 iteratee 处理的集合中每一个元素的结果数组。 iteratee 会传入3个参数：(value, index|key, collection)。 <!DOCTYPE html> <html lang
阅读全文
摘要：_.includes(collection, value, [fromIndex=0]) 检查 值 是否在 集合中，如果集合是字符串，那么检查 值 是否在字符串中。 其他情况用 SameValueZero 等值比较。 如果指定 fromIndex 是负数，从结尾开始检索。 <!DOCTYPE htm
阅读全文
摘要：_.take(array, [n=1]) 从数组的起始元素开始提取 N 个元素。 从数组的起始元素开始提取 N 个元素。
阅读全文
摘要：_.flatten(array) 向上一级展平数组嵌套 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initia
阅读全文
摘要：_.findIndex(array, [predicate=_.identity]) 这个方法类似 _.find。除了它返回最先通过 predicate 判断为真值的元素的 index ，而不是元素本身。 <!DOCTYPE html> <html lang="zh"> <head> <meta c
阅读全文
摘要：_.drop(array, [n=1]) 裁剪数组中的前 N 个数组，返回剩余的部分。 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=devi
阅读全文
摘要：创建一个移除了所有假值的数组。例如：false、null、 0、""、undefined， 以及NaN 都是 “假值”.
阅读全文
摘要：在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el属性目前不可见。 methods、data、watch等可以使用了。
阅读全文
摘要：VeeValidate https://baianat.github.io/vee-validate/
阅读全文
摘要：beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不！能！获取组件实例 `this` // 因为当守卫执行前，组件实例还没被创建 }, beforeRouteEnter 里面的变量不能使用this，即不能使用data
阅读全文
摘要：find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。
阅读全文
摘要：1、forEach 2、filter 3、random _.random([min=0], [max=1], [floating]) 产生一个包括 min 与 max 之间的数。 如果只提供一个参数返回一个0到提供数之间的数。 如果 floating 设为 true，或者 min 或 max 是浮点
阅读全文
摘要：https://www.cnblogs.com/feichengwulai/archive/2014/03/29/3632219.html 1.定义 它属于"结构化编程"的一种，主要思想是把运算过程尽量写成一系列嵌套的函数调用。举例来说，现在有这样一个数学表达式： 传统的过程式编程，可能这样写： 函
阅读全文
摘要：http://lodash.think2011.net/pick _.pick(object, [props]) 创建一个从 object 中选中的属性的对象。 创建一个从 object 中选中的属性的对象。 参数 来源对象 来源对象 要选中的属性名，单独指定或指定在数组中 要选中的属性名，单独指定
阅读全文
摘要：控制台输出： extends只能继承一个mixins可以多个
阅读全文
摘要：https://segmentfault.com/a/1190000012327982
阅读全文
摘要：this.$ajax.post('', {operate: type, ids: this.data.id.toString(), data_type: 'ips'}, {timeout: 60000}) .then(res => { if (res.status) { this.$message({ mes...
阅读全文
摘要：//同时发起多个请求时的处理 axios.all([get1(), get2()]) .then(axios.spread(function (res1, res2) { // 只有两个请求都完成才会成功，否则会被catch捕获 }));
阅读全文
摘要：data() { return { msg: 'mfg' } }, {{`${msg}`}} {{msg}}
阅读全文
摘要：用来缓存组件,避免多次加载相应的组件,减少性能消耗.
阅读全文
摘要：因为 v-if 是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个 <template> 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。 注意，v-show 不支持 <template> 元素，也不支持 v-el
阅读全文
摘要：http://lodash.think2011.net/debounce _.debounce(func, [wait=0], [options]) 创建一个防抖动函数。 该函数会在 wait 毫秒后调用 func 方法。 返回具有防抖动功能的函数
阅读全文
摘要：如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符： <style scoped> .a >>> .b { /* ... */ } </style> 上述代码将会编译成： .a[data-v-f3f3eg9] .b { /* ... */ }
阅读全文
摘要：http://youmightnotneedjquery.com/
阅读全文
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-e
阅读全文
摘要：1、尽量不操作dom 使用数据双向绑定 2、使用指令 如:title 不是title
阅读全文
摘要：https://segmentfault.com/a/1190000012996217 插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。 实际上，一个slot最核心的两个问题这里就点出来了，是显示不显示和怎样显示。 由于插槽是一块模板，所以，对于任何一
阅读全文
摘要：如果在组件渲染时出现运行错误，错误将会被传递至全局 Vue.config.errorHandler 配置函数 (如果已设置)。利用这个钩子函数来配合错误跟踪服务是个不错的主意。比如 Sentry，它为 Vue 提供了官方集成
阅读全文
摘要：1、created 实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。 2、mounted el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。 注意 mounted
阅读全文
摘要：记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化，或使用 beforeRouteUpdate 的组件内守卫。 1、全局守卫 next() next(false): 中断当前的导航。 next('/') 或者 next({ path: '/' }):
阅读全文
摘要：1、从 /a 重定向到 /b 重定向的目标也可以是一个命名的路由： 甚至是一个方法，动态返回重定向目标： 注意导航守卫并没有应用在跳转路由上，而仅仅应用在其目标上。在下面这个例子中，为 /a 路由添加一个 beforeEach 或 beforeLeave 守卫并不会有任何效果。
阅读全文
摘要：//push 方法一 对象 // this.$router.push({path:'HelloWorld2'}); //push 方法二 命名的路由 // this.$router.push({name:'HelloWorld2',params: { userId: 123 }}); ...
阅读全文
摘要：此时，基于上面的配置，当你访问 /user/foo 时，User 的出口是不会渲染任何东西，这是因为没有匹配到合适的子路由。如果你想要渲染点什么，可以提供一个 空的 子路由：
阅读全文
摘要：提醒一下，当使用路由参数时，例如从 /user/foo 导航到 /user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。 复用组件时，想对路由参数的变化作出响应的话，你可以简单地 watch (监测变
阅读全文
摘要：export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld, }, { //动态路由 path: '/HelloWorld2/:id', name: 'HelloWor...
阅读全文
摘要：1、$route 除了 $route.params 外，$route 对象还提供了其它有用的信息，例如，$route.query (如果 URL 中有查询参数)、$route.hash 等等
阅读全文
摘要：在组件中使用 this.$store.dispatch('xxx') 分发 action，或者使用 mapActions 辅助函数将组件的 methods 映射为 store.dispatch 调用（需要先在根节点注入 store）.
阅读全文
摘要：你可以在组件中使用 this.$store.commit('xxx') 提交 mutation，或者使用 mapMutations 辅助函数将组件中的 methods 映射为 store.commit 调用（需要在根节点注入 store）。
阅读全文
摘要：在ES5之前，如果属性名是个变量或者需要动态计算，则只能通过 对象.[变量名] 的方式去访问。 而且这种动态计算属性名的方式 在字面量中 是无法使用的。 在ES6中，把属性名用[ ]括起来，则括号中就可以引用提前定义的变量。
阅读全文
摘要：1、payload payload：有效载荷，即记录有效信息的部分。 2、使用 vuex 配置：
阅读全文
摘要：1、vuex 配置 2、mapGetters使用
阅读全文
摘要：{{count}} +5 -5 跳转到 HelloWorld3 展示路由 {{count}}+5-5跳转到 HelloWorld3展示路由
阅读全文
摘要：转自：https://blog.csdn.net/cslucifer/article/details/79019649
阅读全文
摘要：参考自:https://mp.weixin.qq.com/s?src=11×tamp=1528275978&ver=922&signature=ZeHPZ2ZrLir4L71RaART3yZCuTpJQg6gf9uyq2a2nRSHchg97bQH2C3s*qtYsPC7fHNgmtkW3
阅读全文
摘要：vue 组件（如对话框组件）实时创建与销毁： 使用v-if
阅读全文
摘要：1、key <el-dialog title="" :visible.sync="dialogVisible" @close="dialogClose"> <iframe :src="detailsHref" frameborder="0" width="100%" height="600px" :
阅读全文
摘要：传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。 includes()：返回布尔值，表示是否找到了参数字符串。 startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。 endsWith()：返回布尔
阅读全文
摘要：做项目的时候发现传参数是通过 this.$route.query或者 this.$route.params接收router-link传的参数。 在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转，所以有个方法就是在script标签里面写this.$router.
阅读全文