摘要:
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 阅读全文