随笔分类 - Vue
自学Vue。
将自己学到的所理解的整理。
方便后续查看复习。
摘要：1.说明 vue-router@4 版本支持VUE3版本，不支持VUE2，所以VUE2需要安装vue-router@3版本 2.打开项目终端，输入：npm i vue-route@3 3.引入，应用 4.创建router文件夹，里面再创建index.js文件 index.js: //该文件专门用于创
阅读全文
摘要：刚创建的项目vue_jsjia如下： 各个文件说明： .gitignore文件： 不想被git管理的文件请写到这里，这样就不用每次去更新git该文件数据 babel.config.js： ES6转ES5的配置，已经配置好了，不需要我们去修改。 package-lock.json: 包版本控制文件 p
阅读全文
摘要：1.下载node.js https://nodejs.org/zh-cn/ 2.下载完毕，之后直接傻瓜式安装，双击安装程序，点击下一步即可。 有一个地方要注意，就是安装的位置，根据自己喜好安装相应位置 3.安装完毕之后cmd控制台输入node -v 和 npm -v 就可以查看对应安装的版本了。 4
阅读全文
摘要：使用淘宝 NPM 镜像淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:$ npm install -g cnpm --
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>模板语法</title> <!-- 引入Vue --> <script type="text/javascript" src="../JS/vue.js"></script> <
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>初识Vue</title> <!-- 引入Vue --> <script type="text/javascript" src="../JS/vue.js"></script>
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：什么是模块化： 模块化是从代码的角度出发，分析项目，把项目中一些功能类似的代码，单独抽离为一个个的模块，那么为了保证大家以相同的方式去封装模块，于是我们就创造了模块的规范（commonJS规范）。 模块化的好处： 方便项目开发，和后期的维护与扩展，今后如果需要某些固定功能的模块，则直接拿来引用就行，
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：animate官方网址：http://www.animate.net.cn/下载地址：https://github.com/animate-css/animate.css/releasesAnimate.css效果展示：https://www.kettle.net.cn/animate/index.
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：1.vue把一个完整的动画，拆分成两部分，入场动画和出场动画.2.入场动画中，包含两个时间，分别是进入之前（v-enter）和进入之后（v-enter-to）.3.v-enter表示动画入场之前的起始状态，比如：透明度为0，横向偏移量为50px.4.v-enter-to表示动画入场完成之后的终止状态
阅读全文
摘要：下载地址：https://github.com/axios/axios引入，两个都可以：<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script src="https://unpkg.com
阅读全文
浙公网安备 33010602011771号