摘要: 一、基本使用, 动画进入三个阶段 .v-enter → .v-enter-to → .v-enter-active 离开三个阶段 .v-leave → .v-leave-to → .v-leave-active 二、自定义属性 自定义属性名name 动画进入三个阶段 .自定义属性名-enter → 阅读全文
posted @ 2021-09-16 19:15 从入门到入土 阅读(223) 评论(0) 推荐(0) 编辑
摘要: Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。 安装方法 使用 cdn: <script src="https://unpkg.com/axios/dist/axios.min 阅读全文
posted @ 2021-09-15 21:25 从入门到入土 阅读(884) 评论(0) 推荐(0) 编辑
摘要: 直接在页面中,通过script标签,引入vue-resource的脚本文件; 注意:引用的先后顺序是 - 先引用Vue的脚本文件,再引用vue-resource的脚本文件 get请求 getInfo() { // get 方式获取数据 this.$http.get('http://yapi.shan 阅读全文
posted @ 2021-09-15 21:13 从入门到入土 阅读(185) 评论(0) 推荐(0) 编辑
摘要: vue生命周期 1、beforeCreate 拿不到data数据和methods方法,一般用于重定向 2、created 能拿到data数据和methods方法,一般用于接口请求数据初始化 3、beforeMount dom元素渲染前,此时页面数据尚未渲染 4、Mounted dom元素渲染完毕,一 阅读全文
posted @ 2021-09-15 21:09 从入门到入土 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 一、设置→用户代码片段 二、输入vue打开 三、将内容全部替换 代码如下 { "html:5": { "prefix": "vue-base", "body": [ "<!DOCTYPE html>", "<html>", "<head>", "\t<meta charset=\"UTF-8\">" 阅读全文
posted @ 2021-09-14 23:09 从入门到入土 阅读(374) 评论(0) 推荐(0) 编辑
摘要: // 四、字符串对象 var str = "qwertyui" var str1 = new String("qwertyui"); console.log(str1); console.log(typeof str1); // 1、charAt() 获取指定位置处的字符 索引 console.lo 阅读全文
posted @ 2021-09-14 22:38 从入门到入土 阅读(37) 评论(0) 推荐(0) 编辑
摘要: // 日期对象 var date = new Date(); console.log(date); console.log(typeof date); console.log(date);//获取到的是当前的时间 console.log(typeof date); // 1、getTime();获取 阅读全文
posted @ 2021-09-14 22:37 从入门到入土 阅读(39) 评论(0) 推荐(0) 编辑
摘要: // 数组对象 // 1、创建数组 var arr = [1,2,3,4,5,6]; var arr1 = new Array(1,2,3,4,5,6,7,8); console.log(arr); console.log(arr1); // 2、检测是否是数组 console.log(arr1 i 阅读全文
posted @ 2021-09-14 22:37 从入门到入土 阅读(47) 评论(0) 推荐(0) 编辑
摘要: // 一、数学对象 console.log(Math.PI); // 向下取整floor console.log(Math.floor(13.02)); console.log(Math.floor(13.92)); // 向上取整ceil console.log(Math.ceil(9.1)); 阅读全文
posted @ 2021-09-14 22:36 从入门到入土 阅读(37) 评论(0) 推荐(0) 编辑
摘要: padStart() 这个是字符串提供的方法,所以我们先要保证调用的地方是个字符串 这个方法里两个参数 .padStart(显示的位数,位数不足时在前面补充的内容)例: .padStart(2,0)不足两位时在前面补零 padEnd() 和上面用法一样,这个是在后面补一个值 附倒计时案例 <!DOC 阅读全文
posted @ 2021-09-14 21:40 从入门到入土 阅读(280) 评论(0) 推荐(0) 编辑