vue2.x
关注
分享
扫一扫
文章平均质量分 59
vue实际开发应用经验
青青子衿
知自知彼,百战百胜!
展开
-
Vue自定义指令
Vue自定义指令 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 示例 directives/index.js // 注册一个全局自定义指令 `v-has` const has = Vue.directive('has', { bind: function(el, binding, vnode) {原创 2021-04-26 09:07:30 · 361 阅读 · 0 评论 -
九种简洁的Vue数据通讯
在编写一个vue项目的时候，组件之间的数据通信是必不可少的。也是非常的重要的一步。今天写几种vue中组件的数据通信方式以及应用场景。 一.props&@ 1.props 父组件把数据通过v-bind指令绑定在子组件参数上传下去.子组件通过props这个属性获取. props可以以数组和对象的形式接收 数组形式: 父组件: <Children v-bind:msg="msg"></Children> 子组件: props: ["msg"] //字符串对应的是父组件绑定的v-b原创 2020-12-02 11:33:43 · 325 阅读 · 0 评论 -
vue 封装Toast全局提示组件
1.编写组件 toast.vue <template> <transition name="fade"> <div v-show="visible">{{message}}</div> </transition> </template> <script> export default { data () { return { visible: false, message原创 2020-05-21 15:51:40 · 888 阅读 · 0 评论 -
vue中el属性，template属性，render函数,$mount 和 el的区别
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <span>我今年{{age}}岁了</span> </div> </body> </html> <scrip原创 2020-05-20 19:05:41 · 1538 阅读 · 0 评论 -
vue基于token的登录权限判断方法
在路由配置里,使用路由的全局导航守卫来判断是否登录: // 实例化对象 const router = new VueRouter({ routes }) // 注册导航守卫(回调函数) router.beforeEach((to, from, next) => { if (to.path === ‘/login’) { // 登录页 不需要判断 next(); } //不是去登录页面 els...原创 2019-07-15 12:29:52 · 1626 阅读 · 0 评论 -
【Vue+axios】 axios拦截伪造token,判断是否登录
【Vue+axios】 axios拦截伪造token,判断是否登录 http文件夹中的http.js添加响应拦截器 //导入axios import axios from 'axios' import router from '../router/router'; //导入vue import Vue from 'vue' //创建副本 const Axios = axios.cre...原创 2019-07-17 18:19:55 · 1149 阅读 · 3 评论 -
vuex实现购物车逻辑
步骤1：在store.js中 //导入vuex import Vuex from ‘vuex’ // 导入Vue import Vue from ‘vue’; Vue.use(Vuex) //实例化仓库对象 const store = new Vuex.Store({ //状态 state: { //短路运算 carData: JSON.parse(window.localStorage.getI...原创 2019-07-31 10:55:42 · 387 阅读 · 0 评论 -
Vue.js生命周期
Vue.js之生命周期 学习到vue阶段的同学，总是会被vue的生命周期钩子函数搞混，接下来我就带着大家一步步去理清vue的生命周期钩子函数. 什么是vue的生命周期呢? 其实就是从Vue实例被创建开始到实例销毁时的过程，整个过程主要可以分为八个阶段分别是：创建前（beforeCreate）、创建后（created）、挂载前（beforeMount）、挂载后（mounted）、更新前（befo...原创 2019-07-14 16:08:23 · 134 阅读 · 0 评论