现实啊-CSDN博客

原创路由的使用与安装

1，安装路由 npm install vue-router官网vue.js——>生态系统——>Vue Router2,在src下创建router——>index.js3，将路由模块导入到main.js并配置到vm4，书写路由规则1，导入依赖包2，创建路由规则.导入组件.配置规则指向相应的组件3，将规则导出使用router-link和router-view...

2020-12-23 20:07:25 163

原创让你三分钟学会安装Vue CLI

1，先安装Vue CLI框架搜索官网vue.js，进入官网点生态系统会出现下拉框 Vue CLI点进去出现点起步，安装在电脑上搜索c’m’d安装npm install -g @vue/cli，回车检测版本信息vue --version出现这样就可以安装了新建文件夹找到正确路径 cmdvue create hello-worldhello-world(自己随意明名的)回车...

2020-12-23 19:35:43 93 1

原创 computed与watch的差异和区别

computed 实例<script src="./js/vue.js"></script><body> <div id="app">  {{follName}} </div> <script> //通过data数据的改变，改变结果 new Vue({ el:'#app

2020-12-10 20:31:44 178

原创轻松运用Vue实现加，减，乘，除

引用vue.js<script src="./js/vue.js"></script>html部分构造页面<div id="app"> <input type="text" v-model="num"> <input type="text" v-model="num1"> <select v-model="opt"> <option value="+"

2020-12-10 20:14:40 11526 1

使用方法1.所搜网址：https://www.jq22.com/jquery-info176752.引用jquery库、jqzoom.js和jqzoom.css<link rel="stylesheet" type="text/css" href="css/jqzoom (1).css"/><script src="js/jquery-1.7.2.js" type="text/javascript" charset="utf-8"></script><sc

2020-12-03 11:09:26 350

原创 Vue常用指令使用指南

#v-bloak这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕<style> [v-v-cloak]{ display: none; } </style>引入文件vue.js<script src="./js/vue.js"></script>

2020-12-03 10:00:56 121

原创对象的方法

Object.key(obj) 返回一个包含该对象所有的键的数组<script> let obj = { a: '花花', b: '明明', c: '天天' } let proA = Object.keys(obj); console.log(proA); </script>Object.values(obj) 返回一个包含该对象

2020-11-27 18:52:40 64

原创 find(),findIndex(),includes()的使用

find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined<script> //find()方法 let arr = [2, 3, 4, 5, 34, 45, 56, 78, 56, 78, 89, 80]; let newArray3 = arr.find(item => item > 5); console.log(newArray3);//输入的是满足大于

2020-11-27 18:33:28 157

原创 some()的使用和trim(),startsWith(),endsWith()的使用

some()方法有返回值，返回值为Boolean类型数组中至少有至少一个元素通过回调函数就会返回true所有元素没有或者没有通过回调函数就会返回falselet arr = [2,3,4,5,34,45,56,78,56,78,89,80];let newArray1 = arr.some(item => item > 5); console.log(newArray1);trim(),startsWith(),endsWith()的使用//trim去掉字符串两端的

2020-11-27 16:43:56 449

原创 Set()的使用

let set = new Set([1, 3, 4, 6, 'aa']); // 添加数据 console.log(set.add('abc')); //表示set的值返回布尔值 console.log(set.has(1)); // 删除所1的值le.log(set); console.log(set.delete(1)); //当前数据结构的长度 console.log(s

2020-11-27 16:10:43 328

原创 Map()的使用

2020-11-27 13:28:44 358 1

原创 JavaScript Array filter() 方法

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意： filter() 不会对空数组进行检测。注意： filter() 不会改变原始数组。let arr = [2,3,4,5,34,45,56,78,56,78,89,80];//filter过滤数组 let newArray = arr.filter(item => item > 10); console.log(newArray);...

2020-11-26 20:04:28 122

原创箭头函数的使用

let num = (a,b) =>a+b; console.log(num(1,3)); //箭头函数一：一个参数（可以省略小括号），一个语句（可以省略{}，省略了return） let result = n => n*2; //箭头函数二：大于一个参数必须使用小括号括起来，一个语句（可以省略{}，省略了return） let numSum = (a,b) => a+b; //箭头函数

2020-11-26 19:34:46 118

m0_52960319的博客