Javascript 如何更改vue cli';什么是分隔符?
我安装了vue cli(简单网页包) src/main.js:Javascript 如何更改vue cli';什么是分隔符?,javascript,vue.js,vuejs2,vue-cli,Javascript,Vue.js,Vuejs2,Vue Cli,我安装了vue cli(简单网页包) 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代码更改 ?{msg} 导出
import Vue from 'vue'
import App from './App.vue'
new Vue({
delimiters: ['?{', '}'], // here , delimiters set " ?{ } "
el: '#app',
render: h => h(App)
})
上面的代码不工作(?{}
),{}
继续工作
/src/App.vue代码更改
?{msg}
导出默认值{
名称:“应用程序”,
分隔符:[“?{”,“}]”,//此处,分隔符设置为“{}”
数据(){
返回{
msg:“欢迎使用您的Vue.js应用程序”
};
}
};
index.html(不工作):
?{msg}
我想打印“欢迎使用您的Vue.js应用程序”
帮帮我
谢谢!!查看作者的回复: 分隔符只能在对完整版本(vue.js)使用运行时编译时更改。它在*.vue文件中不起作用(以保持所有*.vue文件语法一致)
[2020/07/03] 如何配置以使用运行时编译器使用自定义分隔符
package.json
的地方)创建一个vue.config.js
文件
app.vue
app.vue
中修改
,如下所示://app.vue
导出默认值{
分隔符:['{','}'],
名称:“应用程序”,
模板:“{title}”,
数据(){
返回{
标题:“这是一个标题”
};
}
};
如何在vue cli complie中更改分隔符?那么您可以编写一个小示例吗
// vue.config.js
module.exports = {
runtimeCompiler: true
}
// app.vue
<script>
export default {
delimiters: ['{', '}'],
name: 'App',
template: '<div id="app">{ title }</div>',
data () {
return {
title: 'This is a Title'
};
}
};
</script>