Vue实例待办事项

效果

实现

1. 通过vue.cli脚手架创建项目
2. 引入bulma库创建样式
3. 引入vuex进行状态管理，最主要是向各个组件传输信息
4. 使用时先下载.json中相关包npm i
5. 输入npm start启动

代码

1. todoApp.vue

2. main.js入口配置

   import Vue from ‘vue’
   import App from ‘./todoApp.vue’
   // 引入store
   import store from ‘./store’

   // 引入bulma库
   import ‘bulma/css/bulma.min.css’

   Vue.config.productionTip = false
   // Vue.prototype.$bus = new Vue()

   new Vue({
   store, // 注册store，这样就全局可用了
   render: h => h(App)
   }).$mount(‘#app’)

3. store下的index.js配置文件

   import Vue from ‘vue’
   import Vuex from ‘vuex’

   // 使用核心插件

   Vue.u