
前端
文章平均质量分 85
前端WEB
peppacatt
允公允能,日新月异
展开
-
Vue教程_vue-router(四)
1 概述理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。前端路由:key是路径,value是组件。1.1 基本使用安装vue-router,命令:npm i vue-router应用插件:Vue.use(VueRouter)编写router配置项://引入VueRouterimport VueRouter from 'vue-router'//引入Luyou 组件import About from '.原创 2022-04-18 04:15:00 · 774 阅读 · 0 评论 -
Vue教程_vuex(三)
1 概述1.1 原理图原理图:1.2 总结1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。2.何时使用? 多个组件需要共享数据时3.搭建vuex环境创建文件:src/store/index.js//引入Vue核心库import Vue from 'vue'//引入Vueximport Vuex from 'vuex'//应用Vuex插件V原创 2022-04-18 00:57:37 · 716 阅读 · 0 评论 -
JavaScript教程_ES6(二)
1 对象的简化写法ES6允许在大括号里面,直接写入变量和函数,作为对象的属性和方法,这样的书写更加简洁let name = 'aaa';let change = function(){ console.log('change()执行了...');}//未简化的完整写法const school = { name: name, change: change, improve: function(){ consolg.log('improve()执行了原创 2022-04-17 21:23:55 · 778 阅读 · 0 评论 -
JavaScript教程_基础(一)
1 函数1.1 函数基础1.1.1 什么是函数实现特定功能的n条语句的封装体;只有函数是可执行的,其它类型的数据是不能执行;函数也是对象。1.1.2 如何定义函数函数声明:整体会被提升到当前作用域顶部。表达式:也会提升到顶部,但是只有变量名提升。1.2 原型与原型链1.2.1 原型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl原创 2022-04-17 21:23:11 · 137 阅读 · 0 评论 -
Vue教程_Vue脚手架(二)
1 vue脚手架Vue 脚手架是 Vue 官方提供的标准化开发工具(开发平台)cli就是command line interface vue命令行接口就是用来创建一个vue工程的一个工具1.1 初始化脚手架1.1.1 初始化步骤:注意:npm下载可能会下载不下来,需要配置(淘宝/华为)镜像,执行下面的命令npm config set registry https://registry.npm.taobao.org使用npm config list可查看配置,配置好之后需要重新启动c原创 2022-04-17 21:16:43 · 1619 阅读 · 0 评论 -
Vue教程_基础(一)
1 vue核心1.1 搭建开发环境搭建vue开发环境有两种方式:1.通过引入vue script脚本的方式2.通过脚手架的方式(1) 引入vue脚本的方式搭建环境搭建vue开发环境并去掉浏览器console控制台的警告<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>初识Vue</title> <script type="text原创 2022-04-12 00:26:57 · 16725 阅读 · 1 评论 -
Vue教程_tips
1 el和data的两种写法<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>el与data的两种写法</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <原创 2022-04-12 00:26:32 · 1604 阅读 · 0 评论 -
jquery常用的元素获取方式
1.子元素和后代元素选择器:find和children区别:children函数只获取其满足条件的第一层子节点find函数则获取所有下级子节点<div id="mydiv"> <p id="pid"></p> <span class="aspan">hello</span> <div> <a id="aid"></a> <span class=原创 2021-06-30 10:53:44 · 917 阅读 · 0 评论