javascript - Vue2.0基于 webpack建立后 各个文件之间是怎么联系的?
PHP中文网
PHP中文网 2017-04-11 12:42:54
[JavaScript讨论组]

有几个问题求大神榜解决一下!
1.index.html只是显示页面吗?
2.hello.vue和App.vue是利用Vue创建的组件?可以直接插入到index.html里吗?组件之间也可以互相插入吗?
3.index.html和其他三个文件之间没有引入,是怎么联系的呢?
4.main.js文件里的import Vue form 'vue'是把vue框架引入吗?和main.js同级的文件里也没有vue.js框架?
5.main.js和App.vue是同级文件为什么要加./呢?

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(3)
PHP中文网

问题一:
webpack是一个构建工具,其中的种种loader将项目中的各个模块按照一定逻辑打包压缩成目标js文件和html文件,因此最终在浏览器中运行的还是一个html,该html引入了打包后的js文件。
问题二:
以.vue结尾的文件都是vue的单文件组件写法,需要通过webpack中的vue-loader将其打包解析成最后的可以运行的js,css,html
问题三:
index.html中最后仅仅引入了打包后的js文件
问题四:
main.js中引入的方式是es6的模块写法,之前通过npm安装过vue模块,所以这样引入时会按照一定的寻路方式去node-modules文件夹下去找该模块
问题五:
'./'代表当前目录,'../'代表父级目录,'/'代表根目录

伊谢尔伦
  1. 是的

  2. 通过模块引入;不能直接插入 index.html,需要经过 webpack 处理;组件间可通过 components 引入;

  3. 具体需要看 webpack 配置文件;

  4. 看这:http://es6.ruanyifeng.com/#do...命令

  5. ./ 就表示同级相对路径

PHPz
  1. index.html只是入口文件

  2. hello.vue和App.vue是vue结尾的文件,不是组件,可以直接放到index.html里,可以插入组件,没毛病

  3. 怎么就没有联系了,你仔细看main.vue里面,而且这是webpack打包的文件

  4. main.js是入口js,你就这么理解吧

  5. ./又不是../有什么问题吗?

  6. 不能去看下官方文档再来问这些???!!!

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号