随笔分类 - Vue
上手Vue
摘要:在闯过了前两关以后,现在来看第三关: 通过分析vue前端请求发送的数据,请求数据是正确且已经提交了的,但是出现django 服务端没有接收到数据的情况 巨晕~!难不成数据还能“衰减”没? 在网上又是一顿操作,最后分析出原因是需要将 '参数序列化'! 解决方法: #vue使用Qs插件 #安装 npm
阅读全文
摘要:#Vue+Django的第二关:CSRF验证 当看到大大的Forbidden时,知道这是个硬茬. django为了方式post给网站带来的安全问题,对每次post请求都要求在网页页面设置一个'暗语',用来验证post请求是否合规. 这对于django自带的模板系统来说是个简单方便的事情. 但对于Vu
阅读全文
摘要:Vue能快速构建网站框架及前端样式使其确定了其在前端页面开发的地位. 而Django框架作为服务后端的也是非常便利的. 为了使这两个框架结合,利用各自框架的优点,对野生程序员来说是一个很nice的事情. 这个其实在我在以前就实现了,但是现在回过头来查看项目时以及闭上眼睛回顾开发过程时,确实一片空白
阅读全文
摘要:vue开发中很需要页面全屏,尤其是实在登录页面的时候. 但是经常设置 height: 100%;不起作用. 原因分析: 给div设置高度100%时,div的高度会等同于其父元素的高度。单文件中的 div(即为vue挂载的div)的父节点是是body标签,body标签的父节点是html标签。 在默认情
阅读全文
摘要:vue基本语法非常容易理解,如果在接触vue之前,接触过微信小程序,基本可以说轻车熟路.反过来也是如此. vue 之所以强大切易用离不开vue-cli\vue-router\vuex等生态的支持. 那现在的问题是: 我们在学习vue基本知识时一直使用<script></scrip>引入vue.js的
阅读全文
摘要:#访问根实例 在每个 new Vue 实例的子组件中,根据实例可以通过$root property 进行访问.this.$root new Vue({ data: { foo: 1 }, computed: { bar: function () { /* ... */ } }, methods: {
阅读全文
摘要:#基本示例 Vue组件的定义: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>这是Vue组件的学习</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.
阅读全文
摘要:#条件渲染 v-if 指令用于条件性的渲染一块内容.这块内容只会在指令的表达式返回truthy值的时候被渲染. h1 v-if="awesome">Vue is awesome!</h1> 也可以使用v-else 添加一个 'else' 块 <h1 v-if="awesome">Vue is awe
阅读全文
摘要:在模板内使用 表达式非常便利,但是这个目的是进行简单的运算。如果在模板中进行复杂的逻辑会让模板过重,且难以维护。 <div id="example"> {{ message.split('').reverse().join('') }} </div> 对于任何复杂的逻辑,应当使用 计算属性。 #基础
阅读全文
摘要:Vue.js使用基于HTML的模板语法,允许开发者声明式地将DOM绑定至地层Vue实例的数据. 所有Vue.js的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析. 插值 文本 使用"Mustache"语法,使用双大括号 >{{}} 原始HTML 双大括号会将数据解释为普通文本,
阅读全文
摘要:2020年初的时候突击将Vue学习了一下,因为有不错的HTML、CSS、JS 基础,以及微信小程序的编程知识,Vue学起来是真的快·,三下五除二,将Vue官网的教程文章搞完了,并完成了既定的目标后,就放下了。 没想到的是,这一放就是一年。 做过很多事,最后,还是发现应该写博客,也应该将自己学的记录一
阅读全文