草庐IT

vue - Vue中的ajax

只有在ajax才能找回一点点主场了,vue中的ajax一天整完,内容还行,主要是对axios的运用。明天按理说要开始vuex了,这个从来都是只耳闻没有眼见过,明天来看看看看是个什么神奇的东西。一.解决开发环境ajax跨域问题1.配置代理(方法一)首先我们能发起ajax请求的,xhr原生不推荐、jQuery也不封装得有但是也不推荐,因为要操作DOM,然后就是axios,它的体积比jQuery而且他是专门处理数据请求的,他还是promise风格的,jq和axios都是基于xhr来封装的,如果没有了xhr他们就没有了,但是这个fetch是跟xhr同级的也是原生的,不基于xhr,而且也是promise

vue - Vue脚手架(终结篇)/ vue动画

几天的内容不是很多,因为我们脚手架的学习告一段落了,也是为了跟明天开始的内容有一个区分。明天将会有一个非常重要的内容来了,各位,vue中的ajax他来了,这个绝对是重量级,有点兴奋!十一.TODOList编辑新增一个编辑功能,要完成的逻辑就是,当我们一点击编辑按钮,对象会新增一个属性edit为true,然后页面上两个标签一个span一个input通过edit的值去条件渲染是否展示很明显我们确实能给一个对象添加一个属性,但是这样添加的属性并没有setter所以也无法被vue检测到而重新解析模板,应该用vue.set的方法,这里还只能用我们的第二种$set的方法因为这里拿不到Vue最好用v-sho

vue - Vue脚手架/消息订阅与发布

今天的内容有意思了,朋友们继续对我们之前的案例完善,是这样的我们之前是不是靠props来完成父给子,子给父之间传数据,其实父给子最好的方法就是props但是自给父就不是了,并且今天学下来,不仅如此,组件间任何层级的关系我都可以传数据了,兄弟之间,爷孙之间等等等等七.浏览器本地存储1.localStorage关闭浏览器数据不会丢失通过它上面的一个api可以存储数据.setitem()两个参数,前面是键,后面是值,要注意的是都要以加引号以字符串形式进行存储,而且就算你不加引号,最终呈现效果也会强制给你调用toString这个方法可以看到就算是字符串也变成了字符串类型,那么问题就来了,那如果我传入的

vue - Vue脚手架/TodoList案例

今天做了一个案例,可以好好做做能够将之前的内容结合起来,最主要的是能对组件化编码流程有一个大概的清晰认知,这一套做下来,明天自己再做一遍复习一下,其实组件化流程倒是基本上没什么问题了,主要是很多vue的方法需要多熟悉一下,毕竟打破了之前的一些对于传统js的认知,还需要多熟悉一下。这两天可能内容不是很多,因为有点感冒了,状态不是很好,不想学多了怕接受的是不是很好。六.TODOList案例做这个案例主要是为了能够熟悉组件化编码流程,刚开始学做一个项目最好按照以下三个步骤来1.实现静态组件先把一个项目抽取组件,使用组件实现静态页面比如这个案例App的子组件就可以拆分为三个上面输入框,中间列表展示,下

vue - Vue脚手架

今天的内容vue脚手架,越来越有内味了,也慢慢地开始有点难度了哈哈,但是没有关系,慢慢学慢慢琢磨,我倒是感觉有点越来越像node了,不知道怎么回事,这是要向后端发展的节奏啊一.初始化Vue脚手架1.说明一般脚手架选择最新版本2.具体步骤全局安装vue/cli脚手架切换到项目目录,运行vuecreate加一个非主流库的名字即可创建一个vue项目运行npmrunserve将项目在服务器跑起来上面为本地服务器地址,下面如果有同事,那就可以访问同一个局域网内的地址可以看到vue默认为我们创建了一个helloword的组件3.分析项目结构用vue脚手架创建了一个项目后会发现如下的结构首先从根目录的文件入

vue - Vue组件化编程

今天是对vue组件化的一个理解,最主要的单文件组件,然后就可以脚手架的学习了,本来昨晚就该上传的,但是用的那个上传博客园的Python脚本不行了,换了一个新的。组件化让我越来越感觉到框架的力量了一.模块与组件,模块化与组件化1.对组件的理解如果以我们原来编写一个网页的方式依赖关系混乱我就不说了,那为什么还要说代码复用率不高呢?能复用的css、js我不都引入了吗?那是因为我们html没有复用,上面和下面两个页面顶部和底部相同,我能做的是直接复制注意这里是复制不是复用组件能做的事情,就是把每个功能进行了一个组合,里面包含这个功能所需要的所有文件,其他地方如果要复用,直接进入即可,注意我们html只

vue - vue基础/vue核心内容(终结篇)

今天是vue基础、vue核心内容第三天,也是最后一天,后面开始进入组件化学习,整个基础内容以生命周期的结束而结束,不得不说,张天禹把这节课讲活了,开始觉得vue是一个有生命的东西,包括前面所说的很多脏活累活都给他做,我们只管调用,说的我都于心不忍如此对待vue了,所以思来想去,我绝对对待它最好的办法,那就是多练练代码优化,能省就省,意思就是让他少干点活。14.收集表单数据账号密码使用v-model正常收集没得问题,本身就是收集value的单选框只是使用v-model就有问题,vue管理工具返回null,因为v-model本身默认是收集value值的,所以需要给单选框配置value复选框复选框不

vue - vue基础/vue核心内容(2)

今天的内容书接上回,同样是vue的核心基础部分,今天偏向于理论性,特别是vue对于数据对象的监测那一块,刚开始琢磨了半天,这股劲一过,现在好理解多了10.watch和computed对比计算属性案例(watch来做)在增加一条需求输入姓后要反应一秒后再响应computed区别:computed能完成的功能,watch都可以完成watch可以完成的功能,computed不一定能完成,就比如watch这里可以异步操作,computed就不行,因为computed里面我们靠的就是那个返回值让他的getter返回值就会等于fullname这个计算属性,所以如果返回值给了定时器,那么我的fullname

vue - vue基础/vue核心内容

终于算是顺利进入vue了,确实也只有学了过后才知道,之前三过vue而不学,确实是对的,现在进来了一点都不后悔,ajax、node.js、promise、webpack、git等等确实是除了三大基础外还需要额外学的。终于能够一窥vue的真容了,学了这么久,说实话一直都忍着,不去触碰这一条线,就想留着保持浓厚的兴趣,来看看vue到底是个什么神奇的东西,能让代码如此简单,确实,至少到我现在学的阶段,其他大的感触没有,唯一的感触就是,很多功能的实现要简便的多了,那比原生js不是简单一星半点。这中间笔记还丢过,感觉可能typora都要让我来学两编加深下记忆吧,总是有这个bug,明明占用的存储大小还在那里

vue - Vue中的ajax

只有在ajax才能找回一点点主场了,vue中的ajax一天整完,内容还行,主要是对axios的运用。明天按理说要开始vuex了,这个从来都是只耳闻没有眼见过,明天来看看看看是个什么神奇的东西。一.解决开发环境ajax跨域问题1.配置代理(方法一)首先我们能发起ajax请求的,xhr原生不推荐、jQuery也不封装得有但是也不推荐,因为要操作DOM,然后就是axios,它的体积比jQuery而且他是专门处理数据请求的,他还是promise风格的,jq和axios都是基于xhr来封装的,如果没有了xhr他们就没有了,但是这个fetch是跟xhr同级的也是原生的,不基于xhr,而且也是promise