vue 頁面空白怎么回事
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
<!-- <script src="https://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script> -->
<script src="node_modules/vue/dist/vue.min.js"></script>
? ?<script src="bundle.js"></script><!--main.js打包后的文件-->
</head>
<body>
? ?<Hellow></Hellow>
</body>
<script type="text/javascript" src="vue000.js"></script>
</html>
main.js
import Hellow from"./hellow.vue"
console.log(Hellow);
export default {
? ?el:'body',
? ?components:{ Hellow }
};
hellow.vue
<template>
? ?<div id="hellow">
? ?<p>{{msg}}</p>
? ?</div>
</template>
<script>
? export default {
? ? ? data:function(){
? ? ? ? ? return {
? ? ? ? ? ? ? msg: 'This is a Component!'
? ? ? ? ? }
? ? ? }
? ?}
</script>
沒有報錯 單頁面是空白的 是怎么回事
2017-03-16
不知道你的問題解決了沒有，我在你上個問題里回答了，data這么賦值是不行的。export的是一份對象。
不過你可以看這里?http://vuejs.org/v2/api/#Options-Data
http://vuejs.org/v2/guide/components.html#ad
2017-03-15
一般是vue版本問題