                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /vue.js入门基础

vue文件引用不了什么情况

@老师 fishenal

export default {
data(){
return {
msg: 'This is a Component!'
}
}
}

这种写法会报错如下：

ERROR in bundle.js from UglifyJs

Unexpected token punc «(», expected punc «:» [bundle.js:117,8]

这种写法没报错但是是还是显示不了

export default {
data:function() {
return {
msg:"hellow vue!"
}
}
}

qq_翔宇

2017-03-14

源自：vue.js入门基础 1-5

关注问题我要回答

4666

操作

收起

6 回答

fishenal
2017-03-16

怀疑报错是因为字符有中文的，这个写法本身没问题
不显示是因为return对象那个函数没执行
用deepferry提供的方法直接给data赋值，前提是这个组件只在一个地方用，用一次
用vue-cli生成的脚手架，用第一种方式，为组件设置属性，标准做法

0 回复有任何疑惑可以回复我~

慕设计6114972
2018-04-19

Module build failed: Error: Couldn't find preset "es2015"

0 回复有任何疑惑可以回复我~

小前端123
2017-06-09

query: {presets: ['es2015']},这个需要特殊处理吗我加上去后编译报找不到es2015

0 回复有任何疑惑可以回复我~

#1

丶我怕黑还好你是光

安装babel-preset-es2105

2017-09-26 回复有任何疑惑可以回复我~

Eden_frontend
2017-03-29

我终于解决了。vue@2.0 + vue-loader@10.0.2通过 webpack 打包后的代码里面的ES6语法没有转

更改方法

找到webpack.base.conf.js将

新增一个

{ test: /\.js$/,
loader: "babel-loader",
query: {presets: ['es2015']},
exclude: /node_modules/
},

这样es6包括vue-router懒加载就不会报错了

0 回复有任何疑惑可以回复我~

Eden_frontend
2017-03-16

我也想知道

0 回复有任何疑惑可以回复我~

deepferry
2017-03-15

<div id="app">
  {{ msg }}
</div>
<script>
var app = new Vue({
  el: '#app',
  data: {
     msg: 'This is a Component!'
  }
})
</script>

1 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

vue.js入门基础

参与学习 209716 人
解答问题 677 个

本门为vuejs入门教程，详细的讲解加实战，可以帮你进入vuejs的大门

vue文件引用不了什么情况

我要回答关注问题

意见反馈帮助中心 APP下载