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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • BOM:浏览器对象模型(BrowserObjectModel) 目标 使用window对象(打开新窗口、与用户交互...
    wqjcarnation阅读 1,085评论 0 1
  • 在我看来,动漫也是一种文化。自己所了解的动漫并不多,但在欣赏的过程中,很容易便察觉到了:动漫折射出了一个国...
    苦寂生阅读 501评论 0 0
  • 跟做梦一样,真的踏足了云南,真正意义上的说走就走的旅行。 尽管云南双飞六日游的旅行票被二姐当垃圾扔了,仍然决定要走...
    爱吃烤鱼的姑娘阅读 356评论 4 3
  • 我们终此一生,就是要摆脱他人的期待,找到真正的自己。——《无声告白》
    屁屁提阅读 252评论 0 0

友情链接更多精彩内容