vue.js学习记录

一、vue-cli的使用方法

安装vue ：** npm install vue**

安装vue-cli：npm install vue-cli

创建带webpack配置的项目：vue init webpack 项目名称

项目创建完成，安装需要的

vue-router：npm install vue-router -s

vuex：npm install vuex -s

axios：npm install axios -s

vue-resource: npm installl vue-resource -s

二、vuejs基础知识及使用方法

image.png

入口文件 main.js

main.js中需要创建主vue实例，需要引入需要用到的模块，vue、app、router、store等，

import Vue from 'vue';
import App from './App';
import router from './router';
import bar from './components/buttoncount.vue';
import store from './vuex/store.js';
import axios from 'axios';

Vue.config.productionTip = false;
Vue.prototype.$axios = axios;

Vue.component('bar', bar); // 全局注册组件
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: {
    App
  },
  template: '<App/>'
});
//另一种写法
// new Vue({
//   render: h => h(App),
//   router,
//   store
// }).$mount('#app');

三、vue-router基础知识及使用方法

四、vuex基础知识及使用方法

五、在vue中使用axios