vue从零开始

收集一下基本知识

1、main.js是做什么用的

     main.js是入口文件，主要作用是初始化vue实例并使用需要的插件。

   

import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store/'
import ElementUI from 'element-ui'
// import 'element-ui/lib/theme-default/index.css'
import '../theme/index.css'

Vue.config.productionTip = false;

Vue.use(ElementUI);

new Vue({
   el: '#app',
   router,
   store,
   template: '<App/>',
   components: { App }
})

2、App.vue 做什么的

App.vue是主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。

3、
在工程文件中使用main.js来加载App.vue文件的，但没有代码写出来加载main.js的，而index.html中只有一个自定义标签app，
那么工程是如何加载到main.js文件的呢？

如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话，你执行npm run dev的时候会出来页面，

是因为你根目录下的package.json文件里script配置了"dev": "node build/dev-server.js"

，也就是其实执行的是dev-server.js这个文件，里面有定义var webpackConfig = require('./webpack.dev.conf');

因为我们这个脚手架工具里是用webpack来打包项目文件的，依赖的webpack.dev.conf文件里又定义了

var baseWebpackConfig = require('./webpack.base.conf');在这个依赖webpack.base.conf文件里面entry入口文件就配置了

app: './src/main.js'，所以当你运行npm run dev的时候就从main.js这个入口文件开始执行了。

4、vue-resource.js没有

cnpm install vue-resource --save

5、 this.$http  没有定义

      
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>
或者在main.js中引入
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store/'
import ElementUI from 'element-ui'
// import 'element-ui/lib/theme-default/index.css'
import '../theme/index.css'

Vue.config.productionTip = false;

Vue.use(ElementUI);

// 导入 vue-router，并使用
import VueRouter from 'vue-router'
Vue.use(VueRouter)
// 导入 vue-resource，并使用
import VueResource from 'vue-resource'
Vue.use(VueResource)

new Vue({
   el: '#app',
   router,
   store,
   template: '<App/>',
   components: { App }
})