如何更改vue-cli的分隔符?

时间:2019-08-08 07:44:33

标签: javascript vue.js vuejs2 vue-cli

我安装了vue-cli(webpack-simple)

src / main.js

import Vue from 'vue'
import App from './App.vue'

new Vue({
  delimiters: ['?{', '}'],     // here , delimiters set " ?{ } " 
  el: '#app',
  render: h => h(App)
})

以上代码无效(?{}),{}正常工作

/src/App.vue 代码更改

<template>
  <div id="app">
    ?{ msg }
  </div>
</template>

<script>
export default {
  name: "app",
  delimiters: ["?{", "}"], // here , delimiters set " ?{ } " 
  data() {
    return {
      msg: "Welcome to Your Vue.js App"
    };
  }
};
</script>

index.html (不起作用):

<div>  ?{ msg }  </div>

我要打印“欢迎使用您的Vue.js应用”

救救我

谢谢!

1 个答案:

答案 0 :(得分:2)

查看作者的回复:

  

仅当在完整版本(vue.js)中使用运行时编译时,才能更改定界符。它不适用于* .vue文件(保持所有* .vue文件语法一致)

Vue 2.5.1 Component custom delimiter not working #5697