vue
hypin~
这个作者很懒,什么都没留下…
展开
-
vuex实现原理
基本用法引入vueximport Vuex from 'vuex'Vue.use(Vuex)创建store实例const store = new Vuex.Store({ state:{ count:0 }, mutations:{ increment(state,n = 1){ state.count +...原创 2020-04-01 22:23:34 · 222 阅读 · 0 评论 -
vue-router实现原理
基本用法引入vue-routerimport Router from "vue-router";Vue.use(Router);创建路由实例const router = new Router({ mode: "history", routes: [{ path: '/', component: Home }, { path: '/abou...原创 2020-03-31 23:06:38 · 170 阅读 · 0 评论 -
vue实现notice组件
组件实例创建方法// utils.jsimport Vue from 'vue'export default function create(Component,props){ // 先创建实例 const vm = new Vue({ render(h){ return h(Component,{props}) } }).$mount() // 手动挂载到bod...原创 2020-03-24 23:05:51 · 2025 阅读 · 0 评论 -
vue表单组件实现
表单组件用法<template> <el-form :model="ruleForm" :rules="rules" ref="ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input>...原创 2020-03-23 23:09:57 · 293 阅读 · 0 评论 -
vue组件化常用技术
组件传值和通信父组件传给子组件属性props // 子组件 props:{ msg : String } // 父组件 <child :msg="hello"></child>引用refs // 父组件 <child ref="comp"></child> this.refs['comp'].msg = '...原创 2020-03-12 22:19:44 · 281 阅读 · 0 评论