前端小猴-CSDN博客

原创 git本地仓库操作流程

如何把一个文件提交到本地仓库？ git如何把文件从仓库拉回暂存区和工作区？git rm --cachedd 文件名（只删除本地仓库的，针对一些已提交的。删除它但是还想用它的）暂存区拉回工作区：git reset 命令：$ git reset HEAD^ 回退所有内容到上一个版本 $ git reset HEAD^ hello.php 回退 hello.php 文件的版本到上一个版本 $ git reset...

2021-11-04 11:00:26 173

原创移动端适配

移动端适配的目的：工作中接触到了移动端的开发，所以最近学习一下移动端相关内容。了解viewport：viewport 即视窗、视口，用于显示网页部分的区域viewport 详细设置：通过设置viewport可以设置页面大小，通过meta标签可以设置viewport信息<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-sacl...

2021-10-24 20:39:33 127

原创 Vue:父子组件传值props、sync、v-model

在vue中父子组件中传值示例中：1. 父组件Father向子组件Son传值（num：100）2. 子组件Son点击修改按钮，需要修改接收父组件的传值，vue是单向数据流不允许直接修改接收的值。因此通知父组件Father去修改num值。props单向数据流1. 父子组件props传值：父组件：<template> <div> 父组件：{{ num }} <Son :value="num" @change="c.

2021-10-13 11:11:12 477

原创美食节------菜谱详情

看效果：detail.vue:<template> <div class="menu-detail"> <detail-header :info='info'></detail-header> <detail-content :cai='info'></detail-content> <Comment :title='info.title'></Comment> &l

2021-10-13 04:00:00 122

原创 vue实现----购物车

效果图：布局：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <div id="app"> <!--获.

2021-10-12 19:35:01 89

原创美食节--------发布菜谱

main.js(引入element框架)import Vue from 'vue'import App from './App.vue'import store from './store/'import router from './router/index.js'import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import "./assets/css/index.styl"

2021-10-12 19:17:52 108

原创美食杰--------菜谱大全

话不多说，直接看效果图：HTML:<template> <div class="recipe">   <el-tabs type="border-card" v-model='classifyName'> <el-tab-pane .

2021-10-11 17:19:40 220

原创美食杰-------个人空间

路由配置：{ path:'/space', name:'space', component:()=>import('@/views/user-space/space.vue'), redirect:{ name:'works' }, children:[ { ...

2021-10-08 20:14:29 97

原创 vue Router 路由守卫

一、什么是导航守卫1、官方定义：提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的2、自己的理解：导航守卫就是路由跳转过程中的一些钩子函数，再直白点路由跳转是一个大的过程，这个大的过程分为跳转前中后等等细小的过程，在每一个过程中都有一函数，这个函数能让你操作一些其他的事儿的时机，比如跳转前是否验证登录等，这就是导航守卫。二、使用导航守卫安装步骤：1.npm install vue-router2.镜像淘宝

2021-10-07 19:38:00 569

原创 vuex写一个vuex-todos

效果图代码如下：store下的index.jsimport Vue from 'vue'import Vuex from 'vuex'import axios from 'axios'Vue.use(Vuex)export default new Vuex.Store({ state: { list: [], inputValue: '', nextId: 5, viewKey: 'all'...

2021-10-06 18:29:24 170

转载 vue路由传参的三种方式和路由跳转的四种方式

第一种方法通过params与配置路由格式（特点：刷新数据不会丢失，会以/user/1234格式拼接显示在url里面）路由配置：{ path: '/user/:id', name: 'user', component: user }携带参数传递： //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: '/user/123', })获取对应参数：

2021-10-06 17:35:15 802

原创 VueX详解

什么是vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。Vue有五个核心概念：state,getters,mutations,actions,modules。本篇就围绕这五个属性展开梳理：总结state =&...

2021-10-06 17:02:54 128

原创 Vue组件通讯or插槽

组件通讯父子组件的通讯父组件通过props向子组件传递数据写法一：写法二：<div id="app"> // 在使用组件的时候绑定 // 不支持驼峰命名 cMovies要写成c-movies <cpm :c-movies="movies" :c-message="message"></cpn></div><template id="cpn"> <div>

2021-10-06 16:14:34 143

原创 Vue下篇-----组件化开发

组件的基本介绍注册组件的基本步骤调用Vue.extend()方法 - 创建组件构造器调用Vue.component()方法 - 注册组件在Vue实例的作用范围内 - 使用组件全局组件 / 局部组件全局组件如上代码案例局部组件：父组件 / 子组件语法糖：Vue为了简化注册组件的过程, 提供了注册的语法塘, 省去了调用Vue.extend()的步骤. 而是可以直接使用一个对象来代替组件模板抽离写法：方法一：方法二：组件可以访问...

2021-10-06 15:34:33 79

原创 Vue基础篇1

1. VUE 概述Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如: vue-router: 跳转，vue-resource: 通信，vuex:管理)或既有项目整合2.前端组成的三个部分：HTML (结构) :超文本标记语言(Hyper Text Markup Language) ，决定网页的结构和内容CSS (表现) :层

2021-10-06 14:54:50 174

weixin_55225560的博客