Django2.0和Vue语法冲突

原创 2018年04月15日 22:06:21

最近在学习Django时,突然想用一下Vue来做一个界面玩玩,没想到在做界面的时候发现由于Django的模板引擎和Vue的语法冲突了,之后直接去网上找资料,网上的资料大多数都是针对Django2.0之前的版本,而在Django2.0中就没法使用了。

原因很简单:

vue2.0已经废弃下面的写法:

Vue.config.delimiters = ["{[{", "}]}"];

虽然废弃了上面的写法,但是给出了下面的写法:

      new Vue({
            delimiters: ['{[{', '}]}'],
            el: '#app',
            data: {
                message: 'Hello Vue.js!'
            }
        })

不难看出,也就是将废弃的写法放在了Vue里面了。

总结只是为了自己以后用到的时候能帮到自己,也希望在以后有人遇到类似的情况能帮到他们。

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yzj_xiaoyue/article/details/79953997

vue之django 和vue语法冲突处理

修改vue.js的默认的绑定符号Vue.config.delimiter=['[[',']]'];
  • qq_33733970
  • qq_33733970
  • 2017-12-04 08:42:54
  • 246

django模板与vue.js冲突问题

问题: django模板与vue.js的变量都是使用“{{”和“}}”包裹起来的,在渲染django模板时会先替代掉所有的“{{”和“}}”及被包裹在其中的内容,使得vue.js没有使用”{{“、”...
  • jyfu2_12
  • jyfu2_12
  • 2018-01-14 20:16:06
  • 103

如何解决Django与Vue语法的冲突

问题我们知道,在Vue中使用{{ }},在Django的模板中使用的也是{{ }},若在模板中即使用Vue也使用Django,就会引起冲突,该如何解决这种冲突呢?解决方法方法一:使用verbatim标...
  • gavinsun
  • gavinsun
  • 2017-06-16 16:37:44
  • 3048

vue项目实战语法

  • 2018年04月09日 22:46
  • 120KB
  • 下载

django docs

  • 2018年03月13日 20:16
  • 6.19MB
  • 下载

django2.0 安装包

  • 2018年03月13日 20:18
  • 39KB
  • 下载

Django项目中创建前端Vue.js项目的步骤

Step 1.利用命令或者PyCharm创建一个Django后端项目… Step 2.创建一个前端的项目: 下载NodeJS并安装 $ npm install -g vue-cli...
  • qq_33733970
  • qq_33733970
  • 2017-12-08 17:05:09
  • 334

Vue 核心技术总结

  • 2017年12月12日 16:57
  • 3.02MB
  • 下载

关于vue的语法规则检测报错问题

搭建了一个vue项目,在配置路有的时候,陆续出现了各种报错其中最多的是一些写法,例如空格,缩进,各种括号,结果我一句一句对照,修改相当之费时间,效率低,一上午,一个路由配置都没写好主要报错如下:截取了...
  • u010542626
  • u010542626
  • 2017-06-29 13:40:19
  • 4887

Django 2.0 的新特性

1、URL编写进行了简化新django.urls.path()功能允许更简单,更可读的URL路由语法。例如,以前的Django发行版中的这个例子:url(r'^articles/(?P[0-9]{4}...
  • buxianghejiu
  • buxianghejiu
  • 2017-12-26 11:26:32
  • 1111
收藏助手
不良信息举报
您举报文章:Django2.0和Vue语法冲突
举报原因:
原因补充:

(最多只允许输入30个字)