当前分类

vue教程

vue教程

关于vue中slot的理解

将父组件的内容放到子组件指定的位置叫做内容分发// 在父组件里使用子组件<son-tmp><div>我是文字,我需要放到son-tmp组件里面指定的位置</div></son-tmp>1.单个插槽父组件:father.vue<template><div id="app">...

vue教程

vue---cli 构建

1.刚开始的时候 在 命令行输入 cnpm install -g vue-cli 然后会得到vue命令 可以用vue list 展示所有的模板vue init 模板 目录 模板是使用什么模板 目录就是项目目录 如果有项目文件了 就不用写 例:vue init webpack demo 会创建一个demo文件夹 一路回车 ...

vue教程

关于路由的导航

1.导航:声明式导航 to=“路由路径”所谓 router-link就是声明式导航:to = " ‘topic/’ + xxx.id" 冒号后面的双引号相当于一个script执行环境:to =" {path: ‘路径’, query : { key:value }} " 相当于 to = " /路径?key=value ":to...

vue教程

路由全局守卫

首先 创建路由配置 const router = new VueRouter({…})然后注册一个全局的前置守卫 router.beforeEach((to,from,next)=>{…})每个守卫方法接受三个参数:to :Route : 即将要进入目标 路由对象from:Route : 当前导航正要离开的路由next:Function:一下通...

vue教程

vuex模块总结

title: vuex模块总结date: 2018-08-21 11:55:32tags: vuexvuex模块总结 模块化的写法模块创建new Vuex.Store({modules:{模块名:{}}})分开写const module = {}new Vuex.Store({modules:{模块名:module}})每个模块中都可以写state getters mutations actions mo...

vue教程

vuex详情

title: vuex详情date: 2018-08-20 11:57:55tags: vuexvuex中的几个属性的示例以及解析vuex - state在这个示例中主要通过 const store 创建了一个新的new Vuex.Store实例然后放在了 app中 所以app中的computed就可以用this.$store来调用里面的东西 所以在div中...

vue教程

vue动画过渡效果实现

title: vue动画过渡效果实现date: 2018-08-17 12:14:23tags: vue1.首先在父路由中添加transition标签 并给其添加动态的:name属性 然后用transition标签包裹router-view标签 然后在data中return出来动态:name 在style中写 name-enter,name-enter-to,name-enter...

vue教程

vue基础

1.Vue中的v-on:click可以简写为@click2.vue组件的定义可以写为Vue.component(‘item’,{template:’’})在上面的div中用就可以了Vue实例的生命周期钩子函数Vue的生命周期函数就是Vue实例在某一个时间点自动执行的函数得详细的看那张官网的生命周期图示生命周期...

vue教程

vue项目过程中需要用到的知识

vue登录部分主要是在router.js里面所有的配置路由项上面配置meta: {requiresAuth: true}然后在最外层配置router.beforeEach((to, from, next) => {if (to.matched.some(route => route.meta.requiresAuth)) {if (!getToken()) {next({ path: '/logi...

vue教程

vue-router和

1.在new Router里面 加上scrollBehavior(to,from,savedPosition){if(savedPosition){return savedPosition}else{return{x:0,y:0}}}以上是路由跳转页面时 当前页面滚动位置被记录下来调回来的时候还是这个位置如果当前没有滚动位置 那就 默认在 0 0 位置2.在配...

vue教程

封装vue发送请求

import axios from 'axios'import { getToken } from '@/util/token'import qs from 'qs'import router from './router'import config from './config'import Vue from 'vue'console.log(config)// 创建axio...

vue教程

vue组件之支付弹框

//照搬的时候注意在vuex里面定义 this.$store.commit("progectile");控制组件显示隐藏的 同时在父组件的子组件标签上也加上v-show="this.$store.state.progectile"判断一下<template><div class="progectile"><span ...

vue教程

vue之随机跑马灯组件

<template><div class="allcontent"><div class="headerimg"><p class="imgresult"><span>剩余 {{numb}} 次机会</span></p></div><div class="ldbg"><div v-for=&...

vue教程

vue组件内配置守卫阻止跳转对应的组件

注意 只能在配置路由对应的父组件路由上面定义beforeRouteLeave(to, from, next) {if (to.name == "grapredparack") {//如果要跳转到 grapredparack 这个名字的路由组件上面的时候 如果是列表可以根据在上面循环设置的query.id获取到对应的idthis.htt...

vue教程

vue页面过度效果实现

首先在app.vue的标签外加上transition标签 给其设定 进入效果 离开效果<transition name="custom-classes-transition" :enter-active-class="enterAnimate" :leave-active-class="leaveAnimate"> <router-view/> </tr...

vue教程

Vue 封装一个自己写的组件或方法

1.首先写好里面的模板及传递过来的参数2.定义一个index.js并引入刚创建的组件并export defaut(vue)=>{vue.component(组件名,组件)}3.在main.js里面引入 然后vue.use(引入的名称)Vue封装一个js引用Vue封装的js里面可以是个对象 也可以是方法export 和 expor...

vue教程

Vue 3.0 配置

原文出自http://www.php.cn/js-tutorial-394518.htmlVue树形控件的使用https://blog.csdn.net/ytangdigl/article/details/78988507

vue教程

vue页面中循环出来的数据 的倒计时的配置

//首先在父组件中先计算好 然后传入子组件中methods: {beginTimer() {this.ticker = setInterval(() =>{for (let i=0, len=this.iconlist.length; i<len; i++) {const item = this.iconlist[i]if (item.pre_at > 0) {item.pre_at = item.pre_at - 10...

vue教程

vue登录逻辑

1.实现超过一定时间就需重新登录的登录的逻辑首先点击登录按钮获取token给一个函数 这个函数里面的逻辑是获取到token 把它存起来存到localstorage里面同时获取当前事件戳并转化成秒数然后存起来 并在逻辑中判断如果token=null的时候设置token 再存一遍 在别的...

vue教程

vue之树状递归组件

//此处是父组件 父组件就是一个div 刚开始的时候在created中获取根节点并渲染出来 根节点如果有子集 子集要有不同的id 然后根据递归组件点击传id过去发请求<template><div><tree :model="treeData"/></div></template>...

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

标题
返回顶部