摘要：
1). 添加退出功能 打开 src/store/index.js 文件，在 actions 添加退出事件 logout： src/store/index.js 退出的时候，我们将 auth 状态更改为未登录，并跳转到首页。在路由 push 方法的第一个参数使用对象，可以添加更多的配置。我们这里指定跳 阅读全文
摘要：
1). 导出下拉指令对象 在 src/directives 下新建 dropdown.js 文件，复制贴入以下代码： src/directives/dropdown.js 2). 注册全局下拉指令 打开 src/directives/index.js 文件，复制贴入以下代码： src/directi 阅读全文
摘要：
使用 router.beforeEach 注册一个全局前置守卫，它在导航被触发后调用，我们可以通过跳转或取消的方式守卫导航，参数我们上面介绍过； 使用 router.app 可以获取 router 对应的 Vue 根实例，使用实例的 $options.store 可以从选项中访问仓库； 使用 nex 阅读全文
摘要：
beforeRouteEnter 是组件内的路由导航守卫，在确认渲染该组件的对应路由前调用。该守卫不能访问 this，但我们通过传一个回调给 next，就可以使用上面的 vm 来访问组件实例。守卫的参数说明如下： to：即将要进入的目标路由； from：当前导航正要离开的路由，from.name 是 阅读全文
摘要：
什么是 Vuex Vuex 是一个专为 Vue.js 应用开发的 状态管理模式 , 它可以集中管理应用所有组件的状态。我们经常会遇到多个组件共享状态的情况，以我们前面注册的用户信息为例，登录注册入口要使用这个用户信息，来判断是否显示用户名，这就需要我们在注册成功时，以某种方式通知登录注册入口，用户信 阅读全文
摘要：
1). 新建消息组件 在 src/components 下新建 Message.vue 文件，复制贴入以下代码： src/components/Message.vue 父子组件之间的数据传递： props 是用来传递数据的，我们需要在子组件用 props 选项声明它预期的数据，上面的代码中我们声明了 阅读全文
摘要：
1 const ls = localStorage 2 3 export default { 4 setItem(name, value) { 5 ls.setItem(name, JSON.stringify(value)) 6 }, 7 getItem(name) { 8 try { 9 return JSON.parse(ls.g... 阅读全文
摘要：
1). 生成验证码 在 src 新建 utils 文件夹，然后新建 createCaptcha.js 文件，复制贴入以下代码： src/utils/createCaptcha.js 2). 使用验证码 1、打开 src/views/auth/Register.vue 文件，复制以下代码替换原 <sc 阅读全文
摘要：
1). 导出验证指令对象 在 src/directives 下新建 validator.js 文件，复制贴入以下代码： src/directives/validator.js 2). 注册全局验证指令 在 src/directives 下新建 index.js 文件，复制贴入以下代码： src/di 阅读全文
摘要：
1). 安装 vue-router 2). 新建路由配置 安装成功后，在 src 新建 router 文件夹，然后新建 index.js 文件，复制贴入以下代码： src/router/index.js 3). 引入路由配置 打开 src/main.js 文件，复制贴入以下代码： src/main. 阅读全文
摘要：
使用步骤： 1.建立指令； 2.在要使用的组件中引入并注册指令 3.页面中使用，将原来的:title=""改为v-title: 指令的基础知识补充： 一个指令定义对象可以提供如下几个钩子函数（均为可选）： bind：只调用一次，指令第一次绑定到元素时调用，在这里可以进行一次性的初始化设置； inse 阅读全文