有人知道黑马视频中VUE+WEPACK 02.webpack-vue1 这个项目吗。_vue吧

vue吧关注：10,720贴子：22,992

5回复贴，共1页

有人知道黑马视频中VUE+WEPACK 02.webpack-vue1 这个项目吗。

有人知道黑马视频中VUE+WEPACK
02.webpack-vue1 这个项目吗。
里面最后main.js中导入test.js 文件得到 test.js文件中 export default的那日荣
问题是console.log() 这些语句的浏览器中根本无法输出不知道视频是怎么做到的
用里面的源代码 npm i 重新生成也一样求大神指教
不知道哪里出问题
import m222, { title as title123, content } from './test.js'
console.log(m222)
console.log(title123 + ' --- ' + content)

送TA礼物

IP属地:浙江

1楼2019-12-05 23:49回复

main .js内容
import Vue from 'vue'
import login from './login.vue'
var vm = new Vue({
el: '#app',
data: {
msg: '123'
},
render: c => c(login)
})
import m222, { title as title123, content } from './test.js'
console.log(m222)
console.log(title123 + ' --- ' + content)

IP属地:浙江

2楼2019-12-05 23:50

不感兴趣

开通SVIP免广告

login.vue 内容
<template>
<div>
<h1>这是登录组件，使用 .vue 文件定义出来的 --- {{msg}}</h1>
</div>
</template>
<script>
export default {
data() {
// 注意：组件中的 data 必须是 function
return {
msg: "123"
};
},
methods: {
show() {
console.log("调用了 login.vue 中的 show 方法");
}
}
};
</script>
<style>
</style>

IP属地:浙江

3楼2019-12-05 23:51

test.js 内容
var info = {
name: 'zs',
age: 20
}
export default info
export var title = '小星星'
export var content = '哈哈哈'

IP属地:浙江

4楼2019-12-05 23:51

index.html内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>

<div id="app">
<p>{{msg}}</p>
<login></login>
</div>
</body>
</html>

IP属地:浙江

5楼2019-12-05 23:53

页面渲染但是console中无输出

IP属地:浙江

6楼2019-12-05 23:53

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

贴吧热议榜

5回复贴，共1页

<返回vue吧

发表回复

发贴请遵守贴吧协议及“七条底线”贴吧投诉

内容:

使用签名档查看全部

发表

保存至快速回贴

日	一	二	三	四	五	六

有人知道黑马视频中VUE+WEPACK 02.webpack-vue1 这个项目吗。

登录百度账号

扫二维码下载贴吧客户端