Vue.jx学习笔记
方法一:安装cnpm镜像
这个是比较常用的方法,我首先也是使用了这个方法。
cnpm的安装方法,参考http://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org
1
在cmd中输入以上命令就可以了,然后再使用cnpm安装
cnpm install -g nodemon
1
后面的操作跟不使用镜像的操作是差不多的。
- @在vue文件中表示路由到src 文件下
- 使用import 关键字引入文件
- 使用vuex 先引入vuex 使用Vue.use(Vuex)
定义 store.js
import Vue from 'vue';
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
//存储数据
count:0
},
mutations: {
//改变数据
increase() {
this.state.count ++
}
},
actions: {}
})
使用数据
<template>
<div>
Hello info component
<button type="button" @click="add()">添加</button>
</div>
</template>
<script>
import store from '@/store/store'
export default {
name: "Info",
methods: {
add() {
console.log('add Event from info!')
store.commit('increase')
}
}
}
</script>
<style scoped>
</style>
4.调试
console.log(‘add Event from info!’)
alert(‘alert from info’)
debugger