-
前言
上文搭建了vue的开发环境,并基于webpack模板创建了一个工程,这个工程有下面几个源文件
index.html
src/App.vue
src/main.js
src/router/index.js
src/components/HelloWorld.vue
以及一个图片资源。
这些文件,对于我这样的菜鸟还是有点多,所以分析vue工程运行原理前,继续在这个工程上做减法,将它减少到
index.html
src/App.vue
src/main.js
这3个文件,它就足够了解vue的运行原理了。 -
简化的内容
先贴出来,简化后的3个文件的内容,分别如下
(1) index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>demo3</title>
</head>
<body>
<div id="app">content from html</div>
<!-- built files will be auto injected -->
</body>
</html>
(2) src/main.js
import Vue from 'vue'
import App from './App'
Vue.conf