- 博客(30)
- 资源 (12)
- 收藏
- 关注
原创 安装npm install时,长时间停留
没错,。就是在安装npm的时候,一直停留在某个地方,很明显,是网速问题(百分之九十概率),所以还是用淘宝的镜像吧。。。。npm config set registryhttps://registry.npm.taobao.org检查:npm config get registry当然!你可以考虑关闭长城防火墙,哈哈然后请继续你的表演。。。...
2017-09-28 18:19:59 31231 5
原创 基于vue-cli的vue项目之vuex的使用5------watch监听vuex内部数据变化
1.vue/index.js//在vuex中配置主要用到togglepage2,第十六到第十八import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { id: 0, showpage2: true, showpage1:true, }
2017-09-25 18:34:07 18309 2
原创 基于vue-cli的vue项目之vuex的使用4-------moudles分块
按照官方文档,就是为了避免代码太长了。所以使用了moudle1.store.js//配置仓库,第五道第二十六为一个模块。第二十七到四十八为一个模块,在第四十九到五十四行抛出import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const moudlesa = { namespaced:true,state: {
2017-09-22 09:13:17 1141
原创 基于vue-cli的vue项目之vuex的使用3-------action异步传参
由于使用commit是同步的,所以也就有了使用“异步”的action的诞生1.store.js//配置仓库第十五行到第二十三行配置action,import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { count: 0 }, mutat
2017-09-21 11:29:17 2696
原创 基于vue-cli的vue项目之vuex的使用2-------commit参数
1.安装 npm install vuex2.vuex/store.js//仓库状态管理,第19行。将store抛出import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { count: 0 }, mutations: {
2017-09-20 16:47:08 7278
原创 一个“错误”的vuex写法:vuex刷新了数据但是视图没有刷新
这是个很尴尬的问题,让我猜猜看你的代码是不是这样写的: 点击我 {{countnumber}} export default { name: 'app', data() { return { countnumber: this.$store.state.count, } }, methods: { clickme: func
2017-09-20 16:17:32 12848 7
原创 基于vue-cli的vue项目之vuex的使用1---------最简单的vuex模板
基础什么的,肯定要从最简单的模型学起1.安装 npm install vuex2.vuex/store.js//仓库状态管理,第19行。将store抛出import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { count: 0
2017-09-20 15:36:59 569
原创 有趣的js匿名函数写法
这个是前阵子看到的,觉得思路不错,就记下来了 function ck(a) { console.log(a); return function(b) { console.log(b); return function(c) { console.log(c); } } }; c
2017-09-19 11:14:03 697
原创 好用html5-api:visibilitychange
这个是一个好用的api。能知道当前的页面是否被使用,被查看到这个的话在caniuse看了,兼容性贼好,就直接代码了:http://caniuse.com/#search=visibilitychange document.addEventListener("webkitvisibilitychange",function(e){cons
2017-09-19 10:39:57 668
原创 使用stylesheet修改keyframe样式
这章才是我想要讲的,之前那张铺垫,希望大家都已经看懂了。直接上代码: @keyframes mykeyframe{ from{border: 10px solid #000000;} to{border: 10px solid #fff;} } .mydiv { width: 100px; height: 100px; bord
2017-09-13 13:36:39 1385
原创 关于styleSheets1:获取css样式
不考虑其他情况,现在样式表主要是css,因此主要操作对象是:CSSStyleSheet范围:包含元素和rel特性被设置为“stylesheet”的元素引入的样式表限制:需要浏览器支持dom2级样式表 .mydiv { width: 100px; height: 100px; border: 1px solid #000000;
2017-09-13 12:13:58 3284
原创 基于vue-cli的vue项目之axios的使用6--配置axios
有时候需要写很长的路径,烦,所以可以将相同的操作写在一起,如果需要修改,可以在axios请求的时候修改1.配置config/index.js:解决跨域问题dev: { env: require('./dev.env'), port: 8008, autoOpenBrowser: false, assetsSubDirectory: 'static', assetsPubl
2017-09-08 11:59:48 2927
原创 基于vue-cli的vue项目之axios的使用5--axios方法发送请求
既然jq有ajax方法,那么axios有没有axios方法?答案是肯定的,依旧隐藏了域名1.配置config/index.js:解决跨域问题dev: { env: require('./dev.env'), port: 8008, autoOpenBrowser: false, assetsSubDirectory: 'static', assetsPublicPath:
2017-09-08 11:26:43 2788
原创 基于vue-cli的vue项目之axios的使用4--并发请求
并发请求,还是那句话,,,,域名被藏匿了1.配置config/index.js:解决跨域问题dev: { env: require('./dev.env'), port: 8008, autoOpenBrowser: false, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {
2017-09-08 11:10:43 5524
原创 基于vue-cli的vue项目之axios的使用3--get传参请求
以get传参请求为例子,1.配置config/index.js:解决跨域问题dev: { env: require('./dev.env'), port: 8008, autoOpenBrowser: false, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/ajaxu
2017-09-08 10:47:50 18566
原创 基于vue-cli的vue项目之axios的使用2--最基础的请求
先抱歉下,下面的请求的链接,我会把域名隐藏起来,所以想尝试的朋友麻烦自己找一条重新测试,很抱歉了在下面也配置了跨域的1.config/index.js的配置:解决跨域 dev: { env: require('./dev.env'), port: 8008, autoOpenBrowser: false, assetsSubDirectory: 'static',
2017-09-08 10:28:12 3143
原创 基于vue-cli的vue项目之axios的使用1--准备工作
使用axios的准备工作,其实这个应该属于插件吧,不应该属于vue的1.npm添加axios:npm install axios2.在main.js导入:import axios from 'axios'3.将其添加在原型链上:Vue.prototype.$http=axios4.在config/index.js修改dev,(开发环境下解决跨域问题)dev: { env: r
2017-09-08 10:15:39 2457
原创 基于vue-cli的vue项目之路由6--重定向4-----path带参重定向
不过很遗憾,这种方式我个人,请注意,是我个人因为技术不够,无法在页面初始化的时候带参数,可能可以实现这种方法吧。。。1.hello.vue子界面:用来显示所传参数的子界面 这个是hello.vue页面 {{$route.params.hparams1}} export default { name: 'hello', }2.router/index.js:路
2017-09-06 11:09:45 3448
原创 基于vue-cli的vue项目之路由6--重定向1-----路径无参重定向
有时候可能会觉得使用path太过于方便,而比较喜欢想使用路径,以及设置其他参数的方法,个人比较喜欢这种复杂点的1.hello.vue子界面:用来显示的子界面 这个是hello.vue页面 export default { name: 'hello', }2.router/index.js:路由配置文件,关键在于第二十八到第三十四行import Vue f
2017-09-06 10:46:02 674
原创 基于vue-cli的vue项目之路由6--重定向1-----path无参重定向
首先声明一点,重定向有不少中,还有,不一定需要跟我写的一样,使用require,可以使用import。只是个人喜欢1.hello.vue子界面:用来显示的子界面 这个是hello.vue页面 export default { name: 'hello', }2.router/index.js:路由配置文件,关键在于第二十三到第二十六行import Vue
2017-09-06 09:57:06 1330
原创 基于vue-cli的vue项目之路由5--router.push,go,replace方法
想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。当你点击 时,这个方法会在内部调用,所以说,点击 等同于调用router.push(...)。https://router.vuejs.org/zh-cn/essentials/navigation.html
2017-09-05 16:38:57 2286
原创 基于vue-cli的vue项目之路由4--嵌套路由
嵌套路由,很是常用1.hello.vue:含有嵌套路由的页面,主要在第五六七行,第二十,二十一监听,注意监听的对象 这个是hello页面,穿过的参数是{{$route.params.hparam1}} children1页面 children2页面 export default { name: 'hello', data()
2017-09-05 16:01:53 1504 2
原创 基于vue-cli的vue项目之路由3--watch监听路由
有时候我们需要监听路由,做出某种操作。。。代码主要在app.vue上1.hello.vue页面//获取一个参数,第五行显示 这个是hello页面,穿过的参数是{{$route.params.hparam1}} export default { name: 'hello', data() { return { msg: 'this is th
2017-09-05 15:28:52 22073
原创 基于vue-cli的vue项目之路由1--最基本的使用
代码如下,下面是嘴简单的基础搭配:1.第一个子页面./components/hello.vue<template> <div class="hello"> <h1>这个是hello页面</h1> <h2></h2> </div></template&am
2017-09-03 23:07:08 3241
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人