Vue 安装

一、安装

二、安装Jquery

1、

npm install jquery 

2、build/webpack.base.conf.js文件中：

（1）

var webpack = require("webpack")

（2）在module.exports的最后写         

plugins: [
　　　　　　　　new webpack.optimize.CommonsChunkPlugin('common.js'),
　　　　　　　　new webpack.ProvidePlugin({
　　　　　　　　　　jQuery: "jquery",
　　　　　　　　　　$: "jquery"
　　　　　　　　})
　　　　　　]

3、在根目录下的srcmain.js中引入

import $ from 'jquery'

三、安装elementUi

1、

npm i element-ui -S

2、在main.js中

import elementUI from 'element-ui'
Vue.use(elementUI)

四、安装axios

1、

npm install axios 

2、在main.js中

 import axios from 'axios'

3、使用

axios.post(api).then((response) => {
  console.log(response.data)
})

 五、安装echarts

npm install echarts -S

全局引入

// 引入echarts
import echarts from 'echarts'

Vue.prototype.$echarts = echarts 

 六、vue resource

当请求数据不是axios而是http

npm install vue-resource 

　　

/*引入Vue框架*/
import Vue from 'vue'
/*引入资源请求插件*/
import VueResource from 'vue-resource'

/*使用VueResource插件*/
Vue.use(VueResource)

七、动态载入img方法

https://blog.csdn.net/u012123026/article/details/78203799

八、vue获取dom结构方法

<div ref="title"></div>

this.$refs.title

　

dependencies与devDependencies区别：

dependencies：应用能够正常运行所依赖的包。用户在使用 npm install 安装你的包时会自动安装这些依赖。
devDependencies：开发应用时所依赖的工具包。通常是一些开发、测试、打包工具，例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包，用户在使用 npm install 安装你的包时也不会安装这些依赖。