<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>从零开始打造 todo 应用</title>
<!-- 此时该 index.html 文件就是主页文件 -->
</head>
<body>
<div id="app"></div>
<!-- <script src="./src/main.js"></script> -->
<!--此时导入 main.js 来测试能否成功加载并展示 App.vue 中的信息; -->
<!-- 此时页面显示为：Uncaught SyntaxError: Cannot use import statement outside a module(应该为：Uncaught SyntaxError: Unexpected Identifier)
表示页面是直接不能识别这个 index.html 文件中的 main.js 中的 import 这些东西，需要 webpack 去打包等解析;
-->
<!-- 使用 webpack 工具之后，只能解析默认的 .js 文件，但需要安装 vue-loader 去解析 .vue 文件; -->
<!-- <script src="./dist/bundle.js"></script> -->
<!-- <script src="./bundle.js"></script> -->
<!-- 注意：若使用 html-webpack-plugin 插件，那么在根目录下的 index.html 文件中是不需要引入出口文件的(如：bundle.js，因为在 dist 打包中自己会加入) -->
<!-- 此时页面显示为：You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions,
or use the compiler-included build. ，原因：是默认导出的 Vue 打包的文件为 vue.common.js，而需要再添加别名的配置将 Vue 打包的文件改为：vue.js(即：vue/dist/vue.js)，
此时再加载 bundle.js 文件后，在浏览器上就能成功显示 App.vue 中的 <template/> 中的信息;
-->
<!-- 注意：再引入 bundle.js 文件之后，就不要再引入 main.js 文件，因为此时的 main.js 文件已经在 bundle.js 文件中解析好了; -->
</body>
</html>
vue_todo.7z （38个子文件） 
vue_todo 
webpack.config测试1.js 9KB .vscode settings.json 1KB src App.vue 1KB assets styles theme.styl 149B text.css 134B reset.css 78B global.styl 917B mixins.styl 680B images 
bg1.jpg 246KB
check1.svg 3KB Checked.svg 364B bg.jpg 8KB bg4.jpg 146KB uncheck1.svg 7KB bg3.jpg 96KB Checked12.svg 362B Checked56.svg 362B unChecked.svg 326B main.js 1KB components MainFooter.vue 323B MainTodo MainTodo.vue 6KB coms TodoInfo.vue 3KB TodoItem.vue 2KB TodoInfo11.vue 2KB MainHeader.vue 1KB package测试.json 1KB webpack.prod测试2.js 5KB .babelrc 85B dist package.json 1KB steps.md 72KB build webpack.base.js 5KB webpack.dev.js 2KB webpack.prod.js 840B package-lock.json 479KB webpack.dev测试2.js 9KB
index.html 2KB postcss.config.js 915B index1.html 2KB资源评论
狮子座的男孩
- 粉丝: 6w+
最新资源
- java源码包JSP实例源码JAVA开发学习设计参考源代码-基于Java的mp3播放器源代码.zip
- java源码包JSP实例源码JAVA开发学习设计参考源代码-基于J2ME的Java游戏梦幻炸弹人源程序.zip
- java源码包JSP实例源码JAVA开发学习设计参考源代码-基于JAVA的日程提醒簿.zip
- java源码包JSP实例源码JAVA开发学习设计参考源代码-基于MVC的Java资源管理器 v2.0.zip
- java源码包JSP实例源码JAVA开发学习设计参考源代码-基于Java的小型人事管理系统，带数据库.zip
- 国内城建工程项目管理要点研究.docx
- java源码包JSP实例源码JAVA开发学习设计参考源代码-基于smpp协议的Java点对点短信发送源码包.zip
- java源码包JSP实例源码JAVA开发学习设计参考源代码-基于Java的邮件服务器源程序.zip
- 基于遗传算法旋转机械系统的被动平衡.doc
- 构建信息化校园实现跨越式发展.docx
- (源码)基于AVR和Python的足球桌进球检测系统.zip
- 人工智能将统治地球？.docx
- ARM-ASM-汇编语言资源
- 媒体信息处理技术与制作软件.ppt
- JSP音乐搜索软件的设计方案与实现.doc
- 光纤通信技术实验研究报告掺铒光纤激光器.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
