1 mandyucan

尚未进行身份认证

暂无相关简介

等级
TA的排名 8w+

practice

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-03-21 11:22:58

vscode添加自定义snippet(代码段)vue模板

进入代码片段自定义有两种方式:  1. 【菜单栏->文件->首选项->用户代码片段】  2. 全局命令:在vscode界面按F1或者ctrl+shift+p,进入命令行,输入sinppets  选vue进入自定义代码段(vue.json) 在vue.json里添加如下代码片段:        "Print to console": {        "p...

2019-01-16 15:43:00

eslint-plugin-vuefix: 基于eslint开发的插件vuefix,用命令直接修复ESLint

自动修复vue文件中检测到的编码规范问题。重构老项目的代码时能减少很多工作量。 1、打开package.json,在script里找到截图总所示lint,修改为:(中间插入--fix)"lint": "eslint --fix --ext .js,.vue src",2、终端运行npm run lint修改代码样式 不过以上方法针对修复js中的eslint报错,如需修复...

2019-01-11 16:15:59

vuex---mapGetters和mapActions

若有多个getter时,可用...mapGetters([ ]),需要先export引入,且是es6语法,需要安装bable插件...mapActions([ ])同理;这样写可以简化代码;具体用法如下:// productListOne.vue中<script>import {mapGetters} from 'vuex'import {mapActions...

2018-12-10 21:53:43

vuex使用前与使用后的写法---action(触发事件改变此事件时--变更状态)

Action提交的是mutation,而不是直接变更状态。 Action可以包含任意异步操作。Action函数接受一个与store实例具有相同方法和属性的context对象,因此可以调用 context.commit 提交一个mutation,或者通过 context.state 和 context.getters 来获取state和getters。 通过actio...

2018-12-10 21:30:56

vuex使用前与使用后的写法---mutation(触发事件改变此事件时--变更状态)

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数。当触发事件时使用mutation,而不是computed或getters使...

2018-12-07 17:24:32

vuex使用前与使用后的写法---getters(获取事件)

如果有多个组件需要用到此属性,我们要么复制这个函数,或者抽取到一个共享函数然后在多处导入它——无论哪种方式都不是很理想。Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。Getter 接受 state 作为其第一个参数。 需求:...

2018-12-07 16:46:24

vuex使用前与使用后的写法---state搭建vuex中央状态管理

项目搭建完成后,不使用vuexsrc文件夹里:App.vue:<template> <div id="app"> <product-list-one v-bind:products="products"&amp

2018-12-07 10:19:41

javascript 函数前面有加号,叹号等一元操作符是什么意思?

1. !function(){}();2. +function(){}();其实这是 立即执行函数表达式的写法,相当于(function(){}()); //推荐使用这个或者(function(){})(); 前面的+,!还可以换成其它一元操作符,也可以写成:true && function (){}();0 , function(){}();在函数前...

2018-11-20 09:31:57

axios用catch的写法与不使用catch有什么区别?

官网上的写法:axios.post(url,data).then(response=>{console.log(response);}).catch(error=>{console.log(error);})公司项目的写法:axios.post(url,data)....

2018-11-17 15:39:09

vue-cli生成的项目,main.js引入scss时报错的原因

在文件路径没有问题时,引入scss出现错误 ERROR Failed to compile with 1 errors 15:04:40 ...

2018-11-15 19:39:48

vue实现分享功能,百度分享,需要刷新页面才显示的解决方案

vue单页面中使用百度分享,初次加载失败或者需要刷新一次才可正常点击,首先得写在mounted的this.$nextTick()里面,关键是需在beforeCreate中加上window._bd_share_main=“”;目的是把百度分享的一个参数置空...

2018-11-06 23:58:13

vue文件流程

vue文件流程index.html (入口文件) -->main.js (执行main.js) --> App.vue(实例化vue对象)index.html 入口文件// index.html 入口文件<!DOCTYPE html><html> <head> <meta ch

2018-11-06 13:36:21

初识vue组件

Vue.component组件// jsVue.component("greeting", { // 将greeting当做一个标签使用,组件 template: // 模板里面有且只有一个根标签 `<p> {{name}}: 大家好,给大家介绍一下我自己 <button @click="changeName">改名&...

2018-09-04 17:23:07

初始化多个Vue实例对象

//jsvarone=newVue({el:"#vue-app-one",data:{title:"appone的内容"},methods:{},computed:{greet:function(){return"helloappone"..

2018-09-03 15:20:26

一个简单的vue实例demo

-写在前面:<av-bind:href="url">链接</a><imgv-bind:src="imgUrl"><!--缩写为--><a:href="url">链接</a><img:src="imgUrl">

2018-08-31 17:25:51

js中a.b与a[b]除了书写外,有什么区别?

在JS对象中,a.b与a[b]并没有什么区别,都是获得该对象的某个属性,不同之处在于a[b]中的b必须是个字符串;但在数组里,那就不能写成arr.idx了,只能是arr[idx]。resultList["movie"]={}给resultList设置movie属性varb={a:12};b['a']也可以取到a的值。...

2018-07-30 15:39:09

TEST

以下代码输出什么?var a = {}, b = {key:'b'}, c = {key:'c'};a[b]=123;a[c]=456;console.log(a[b]);此代码输出456(不是123)理解如下: 设置对象属性时,js会隐式的将参数值串联起来。在这种情况下,由于b和c都是对象,他们都将被转换为“[object Object]”. 因此,...

2018-07-30 15:34:46

x-mind JS基础

x-mind JS基础

2018-07-24 23:15:37

解决微信小程序组件scroll-view中bindscrolltolower事件触发不了的问题

小程序scroll-view中的bindscrolltolower方法失效的原因是,为这个scroll-view以及page的高度都设置为100vh;需要在app.wxss中设置page{ height:100vh}并且在有scroll-view的view中设置height:100vh即可、...

2018-07-20 23:20:33

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!