Vue
风里有诗句哈
有事请私信
展开
-
Vue开发单页面应用中vue-router和vuex的使用
home页面有2个子路由list和user<template> <div class="home"> <router-view/> <router-link to="/home/list">新闻列表</router-link> <router-link to="/home/user">个人中心...原创 2019-05-25 21:15:20 · 818 阅读 · 0 评论 -
Vue2.0中常用到的知识点汇总(二)
路由重定向:{ path: '/', redirect: '/login' },激活路由高亮:// 默认样式.router-link-active路由切换动画:<transition mode='out-in'> <router-view></router-view></transition>路由传参第...原创 2019-06-12 16:39:08 · 215 阅读 · 0 评论 -
Vue2.0中常用到的知识点汇总(一)
ref:引用ref属性绑定到html标签上时可以获取该标签的DOM,ref属性绑定到组件上时,可以使用this.$refs.组件名.data获取组件中的数据,可以利用此方法在父组件中获取子组件的data数据或方法动态组件和动态组件切换时动画效果在使用组件时可以用下面两种方式,第二种方式的好处是可以动态的绑定所需要的组件,即动态组件<com-a></com-a&g...原创 2019-06-08 19:33:16 · 510 阅读 · 0 评论 -
Vue组件化开发实战之开发简易elementUI中Form表单组件
写入Input.vue组件,即实现v-model语法糖和传入type类型可改变input类型<template> <input :type="type" :value="inputValue" @input="inputHandle" /></template><script>export default { props: {...原创 2019-07-01 23:05:59 · 1288 阅读 · 0 评论 -
Vuex状态管理基础
state、mutations、actions、getters的使用getters类似于组件中的computedactions用在异步操作时// store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { ...原创 2019-07-04 22:16:08 · 213 阅读 · 0 评论 -
开课吧Vue电商项目实战(一)——登录认证
安装cube-uivue add cube-ui配置router需要验证时添加meta标签,确认哪个路由需要受保护import Vue from 'vue'import Router from 'vue-router'import Home from './views/Home.vue'import Login from './views/Login.vue'impor...原创 2019-07-06 12:44:11 · 1451 阅读 · 0 评论