drf 视图使用及源码分析
摘要：前言 drf视图的源码非常的绕，但是实现的功能却非常的神奇。 它能够帮你快速的解决ORM增删改查的重复代码，非常的方便好用。 下面是它源码中的一句话： class ViewSetMixin: """ This is the magic. """ 好了，屁话不多说，直接看看drf视图中的功能吧。 准备
阅读全文
posted @ 2021-05-31 11:39
05 2021 档案
drf Serializer基本使用
摘要：drf序列化 在前后端不分离的项目中，可以使用Django自带的forms组件进行数据验证，也可以使用Django自带的序列化组件对模型表数据进行序列化。 那么在前后端分离的项目中，drf也提供了数据验证与序列化，相比于Django原生的序列化它更加强大与易用。 准备工作 注册drf 首先第一步，我
阅读全文
posted @ 2021-05-27 11:08
Vue 双向绑定
摘要：devtools工具 使用devtools工具可以让你更加方便的查看到Vue实例中数据的变化。 在chorme商店搜索安装即可。 双向绑定 v-model 双向绑定一般都是与input家族进行绑定。 当表单内容发生改变时，数据层的数据也会发生改变。 <body> <div id="app"> <in
阅读全文
posted @ 2021-05-26 16:50
Vue 数组响应
摘要：响应渲染 在Vue中，被渲染的数据都是响应式的，即Vue实例中进行改变页面中也会跟着改变： <body> <div id="app"> <p>{{count}}</p> <button @click="count++">+</button> <button @click="count--">-</b
阅读全文
posted @ 2021-05-26 15:38
Vue 事件监听
摘要：事件监听 v-on 使用v-on进行事件绑定监听，回调函数写在methods中。可以使用@的这种简写形式来代替v-on，当事件源无参数传递时，可省略括号。 语法如下所示： <button @:事件=回调函数(参数)>点我</button> 下面是一个小的示例： <body> <div id="app
阅读全文
posted @ 2021-05-26 15:29
Vue 分支循环
摘要：v-for 通过v-for进行循环，不光可以拿到元素本身，也可以拿到索引值。 如果数据是对象类型，则可以使用(value,key,index)进行取值。 需要注意的是，当不指定key/value而只指定一个迭代变量，那么该迭代变量取值会取value <body> <div id="app"> <ul
阅读全文
posted @ 2021-05-26 14:29
Vue 计算属性与方法
摘要：computed 基本使用 如果数据需要有复杂的计算，则可以在Vue实例中定义计算属性，再交由mustache进行渲染。 computed内部其实是通过getttr实现的，所以不用加括号即可完成其下方法的调用 computed对象内部的方法如果想调用同一Vue实例下的方法或者属性，可使用this进行
阅读全文
posted @ 2021-05-26 11:41
Vue 属性与样式
摘要：属性绑定 获取自定义属性值 v-bind 如果想要操纵被挂载标签的属性，则使用v-bind进行属性绑定，当然也可以进行简写，简写形式为:。 需要注意的有以下两点： 如果包裹属性的是双引号，它将访问Vue实例尝试获取该属性 如果包裹属性的是单引号外层再包裹上双引号，则代表这就是一个普通的字符串 单纯双
阅读全文
posted @ 2021-05-26 11:22
Vue mustache语法&常用指令
摘要：mustache 内容渲染 使用mustache语法{{变量}}进行渲染操作，它将会从Vue实例中查找这个变量。 <body> <div id="app"> <p>{{ msg }}</p> </div> <script src="./vue.js"></script> <script> const
阅读全文
posted @ 2021-05-26 11:05
vue 基本介绍
摘要：Vue.js Vue是一款优秀的过程开源框架，也是现在WEB工程师必会的一项技能。 它是一个渐进式的框架，所谓渐进式是指你可以对你的项目代码进行渐进的重构，比如最开始你的项目中所有页面的代码全部是由jQuery构建的，如果想将其重构为Vue的话则可以对某一些页面进行重构，这并不会影响其他页面的正常使
阅读全文
posted @ 2021-05-26 10:44
浙公网安备 33010602011771号