摘要:
组件间通信方式 组件间通信方式有三种: props 父组件向子组件传递数据 $emit 自定义事件(子组件向父组件传递数据) slot 插槽分发内容 组件间通信要遵循以下的规则: 不要在子组件中直接修改父组件传递的数据 数据初始化时,应当看初始化的数据是否用于多个组件中,如果需要被用于多个组件中,则 阅读全文
摘要:
组件的概念 组件(component)是Vue.js中最强大的功能之一。Vue中的组件化开发就是把网页的重复代码抽取出来,封装成一个个可复用的视图组件,然后将这些组件 拼接到 一块就构成了一个完整的系统,这种方式非常灵活,可以极大的提高我们的开发和维护效率。 例如:项目中可能会有头部,底部,页侧边栏 阅读全文
摘要:
过滤器 过滤器对将要显示的文本,先进行特定格式化处理,然后再进行显示。 注意:过滤器并没有改变原来的数据,只是产生新的对应的数据。 过滤器有全局过滤器和局部过滤器两种。 全局过滤器(没有s) Vue.filter(过滤器名称,function(value,value2...){ // 数据处理逻辑 阅读全文
摘要:
自定义指令 除了内置指令外,Vue也允许注册自定义指令。有的情况下,你仍然需要对普通的DOM元素进行底层操作,这时候使用自定义指令更方便。 官方文档:https://cn.vuejs.org/v2/guide/custom-directive.html 全局指令 案例:将字母转为大写,颜色为红色 < 阅读全文
摘要:
什么是过渡和动画 元素在显示和隐藏时,实现过渡或者动画的效果,常用的过滤和动画都是使用CSS来实现的。 在CSS中操作transition(过渡)或 animation(动画)达到不同效果 为目标元素添加一个父元素<trasition name="xxx">,让父元素通过自动应用class类名来达到 阅读全文
摘要:
安装 官网:https://cn.vuejs.org/ 下载:https://cn.vuejs.org/v2/guide/installation.html 直接通过script在head标签里导入就可以了 <script src="../static/vue.min.js"></script> 或 阅读全文
摘要:
npm介绍 NPM 全称 Node Package Manager,它是 JavaScript 的包管理工具, 并且是 Node.js 平台的默认包管理工具。通过NPM 可以安装、共享、分发代码,管理项目依赖关系。 可从NPM服务器下载别人编写的第三方包到本地使用。 可从NPM服务器下载并安装别人编 阅读全文
摘要:
前戏 大家都知道http协议是无状态的,每次发送请求他们怎么知道我们是不是登录过呢?我们可以在用户登录之后给用户一个“暗号”,下次请求的时候带着这个“暗号”来。我们拿自己存的和携带过来的进行对比,如果一样,就可以认为是登录过的。 认证 先来创建一张用户表 class User(models.Mode 阅读全文
摘要:
路由组件 先来看下我们前面写的路由 from django.conf.urls import url, include from .views import BookModelView urlpatterns = [ url(r'^book/$', BookModelView.as_view({"g 阅读全文
摘要:
nginx代理 nginx的代理分为正向代理和反向代理 正向代理指的是,一个位于客户端和原始服务器之间的服务器,为了从原始服务器取得内容,客户端向代理发送一个请求并指定目标(原始服务器),然后代理向原始服务器转交请求并将获得的内容返回给客户端。 反向代理(Reverse Proxy)方式是指以代理服 阅读全文