新人学vue，我明明导入了vue.js文件，但是data里面的数据就是不显示，这是为啥啊
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了新人学vue，我明明导入了vue.js文件，但是data里面的数据就是不显示，这是为啥啊相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" href="<%= BASE_URL %>favicon.ico"> <title>default</title> <script src="vue.js"></script> </head> <body> <div id="app"> <p> msg </p> </div> <script> var vm = new Vue( el: '#app' data: msg: "欢迎学习vue" ); console.log(vm.$data); </script> <!-- built files will be auto injected --> </body></html>
很明显有语法错误，对象或数组多元素间应该用, 分割
找个带语法检查的编辑器，没语法检查很容易出一些语法上的错误
调试的时候打开开发工具( F12 ), 有语法错误console一栏里会报错，根据错误修复就好了
vue.js文件有vue导出口吗
是的，Vue.js文件有Vue导出口，它是一个ES6的模块，你可以使用`import Vue from 'vue'`来导入它。 参考技术A Vue.js文件有vue导出口的，可以使用Vue.js的export关键字来将变量、函数、组件等导出到外部文件中。例如：export const counter = count: 0 ; 参考技术B 一个vue文件或者js文件想要通过import来导入另一个js文件或者vue文件，那另一个vue和js文件就一定要导出注意:
导出的可以是对象，变量，方法等
js的执行机制会默认把import 配置项给提高有限级，就是一个js文件的所有import都会同步最先执行
一个js文件只要导出一次时，
导出代码：
export default
复制
导入代码：
import 自定义一个变量名 from '要导入的文件的路径'
import router from './router/index.js'
复制
一个js文件要导出多次时，命名导出！
导出代码
export function a()
const b = name:'八戒',age:'200'
export b
const c = 666
export c
复制
导入代码：
import 和导出文件对应的变量名 from '路径'
import a from './utils/index.js'
//导入同一个js文件下的多个表达式
import a , b , c from './utils/index.js'
以上是关于新人学vue，我明明导入了vue.js文件，但是data里面的数据就是不显示，这是为啥啊的主要内容，如果未能解决你的问题，请参考以下文章