- 博客(13)
- 收藏
- 关注
原创 路由的使用与安装
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
172
原创 让你三分钟学会安装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
98
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
185
原创 轻松运用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
11590
1
原创 轻松运用javascript实现——图片放大镜效果
使用方法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
360
原创 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
133
原创 对象的方法
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
68
原创 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
165
原创 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
457
原创 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
335
原创 Map()的使用
<script> //类对象 let mapaa = new Map([ [ 'a','花花'], [ 'b','天天'], ['c','西西'] ]);//初始化二维数组 //根据键存储值 mapaa.set('name','爱丽丝'); // Map是一个带键的数据项的集合,就像一个Object一样。但是他们最大的差别Map允许任
2020-11-27 13:28:44
368
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
131
原创 箭头函数的使用
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
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人