随笔分类 - vue
vue入门学习
摘要:情况是这样的,项目用的restful规范,后端用的django+djangorestframework,前端用的vue-cli框架+webpack,前端与后端交互用的axios,然后再用户登录之后,axios添加token作为axios的header并请求后端,后端部分用的djangorestframework的认证组件。
阅读全文
摘要:前面两个终于把webpack相关配置解析完了。
现在终于进入vue的开发了
vue组件化开发预热
前期准备
阅读全文
摘要:webpack的常用loder和插件
loder和插件是什么,现在暂且不表,看到后面你就懂了
引入css问题
直接用link标签导入css
在前面的讲解中,相信已经对webpack有一定了解了,相比很多朋友已经跃跃欲试了,准备要搞一个自己的小
阅读全文
摘要:webpack
什么是webpack
官方解释:webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。什么意思呢?就是可以把你开发项目时用到的所有资源全部打包成一个js文件,然后项目在上线阶段引入这个js文件就行了,它会自动帮你展出你最开始用到的资源
感觉有点编译的意思对吧
webpack作用
阅读全文
摘要:异步请求
其实什么是异步请求已经不用多说了,通俗的说,就是整个页面不会刷新,需要更新的部分数据做局部刷新,其他数据不变。
学到这里,你应该用过jquery里的ajax了,所以很能理解了,不多说了。详细的就自己百度了
在vue中,可以做异步请求的有vue-resource和axios
后端项目准备:
我用的Python作为后端语言,用的Python的django框架作为后端的web服务,且用的是django-rest-framework做成了前后端分离的项目,本文着重点不在Python后端这方面,感兴趣的可以看我的Python相关文章,这里就不涉及Python的讲解,我直接把项目代码放在这,可以直接用我的服务端项目,前提你得装了相关的开发环境(Python+django+djangorestframework)
阅读全文
摘要:前端路由
看到这里可能有朋友有疑惑了,前端也有路由吗?这些难道不应该是在后端部分操作的吗?确实是这样,但是现在前后端分离后,加上现在的前端框架的实用性,为的就是均衡前后端的工作量,所以在前端也有了路由,减轻了服务器对这方面的判断,在前端做好路由分发之后,后端就只需要写API接口了,更着重于数据交互,逻辑上的代码编写了
单页面应用
那么,既然有前端路由,每个路由是不是都要单写一个页面呢?不需要的,现在都提倡单页面应用
阅读全文
摘要:过滤器
vue允许自定义过滤器,我个人认为,过滤器有两种,一种是对数据的清洗过滤,一种是对数据切换的动画过滤
数据切换的动画过滤
这里还是利用前面的动态组件的例
阅读全文
摘要:vue的组件,过滤器,监听属性,生命周期函数
vue有局部组件和全局组件,这个组件后期用的会比较多,也是非常重要的
局部组件
template与components属性结合使用挂载
阅读全文
摘要:vue简介
前面安装好vue之后,确实还没有对vue进行介绍,首先,官网:传送门
接着,前端目前公认有三大框架:vue,react,angular react是fackbook公司出的框架,angular是谷歌公司出的框架,vue是一个国人写的,叫尤雨溪,他之前是在谷歌上班的,上班期间对angular非常有兴趣,然后吸取了angular的一些特性开发出了vue
阅读全文
摘要:node简介
node.js也是用js开发的语言,而且是一门服务端语言,更有大神利用node写了一个操作系统出来——NodeOS
node能干什么
自带下载工具:
对于我们开发前端项目,node其实用处挺大的,它自带了一个包管理器npm,类似于Python的pip,这个npm就可以下载很多第三方库以及框架,还有一些很实用小工具,都可以直接利用node下载工具
作为项目管理:
就是一种项目管理机制,这个在接下来就会介绍到
阅读全文