随笔分类 - 前端
摘要：案例：将子组件Student中的name传给父App组件 Student组件 <template> <div class="student"> <h3>学生姓名：{{name}}</h3> <h3>学校性别：{{sex}}</h3> <button @click="sendStuName">点我把学
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>localStor
阅读全文
摘要：<template> <div class="item"> <span> <input type="checkbox" :checked="obj.done" @click="handleCheck(obj.id)"> </span> <span> {{obj.name}} </span> <spa
阅读全文
摘要：<!-- ref属性 1.被用来给元素或子组件注册引用信息（id的替代者） 2.应用在html标签上获取的是真实的DOM元素，应用在组件标签上是组件实例对象 --> <template> <div id="app"> <h2 v-text="msg" ref="title" hh="哈哈"></h2
阅读全文
摘要：通过后端返回的具体值，前端可以映射想要的值 如：status状态值为0就是代办，为1就是处置，为2就是完成 <el-table-column label="工单状态" prop="status"> <template slot-scope="scope"> <span style="margin-l
阅读全文
摘要：箭头函数提供了一种更加简洁的函数书写方式。基本语法是： 参数 => 函数体 箭头函数多用于匿名函数的定义 //传统方式定义函数 var f1 = function(a) { return a } //console.log(f1(3)) //es6使用箭头函数定义 //参数 => 函数体 var f
阅读全文
摘要：拓展运算符（...）用于取出参数对象所有可遍历属性然后拷贝到当前对象 //对象复制 let person1 = {name: "Amy", age: 15} let someone1 = { ...person1} //console.log(someone1) //对象合并 let age = {
阅读全文
摘要：//传统方式定义对象 const name = "lucy" const age = 20 const user1 = {name:name,age:age} //console.log(user1) //es6 const user2 = {name,age} console.log(user2)
阅读全文
摘要：模板字符串相当于加强版的字符串，用反引号 `，除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。 //字符串插入变量和表达式。变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。 let name = "lucy" let age = 20 let
阅读全文
摘要：解构赋值是对赋值运算符的扩展。 他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。 在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。 //1、数组解构 let a = 1, b = 2, c = 3 //console.log(a, b, c) // ES6
阅读全文
摘要：// 1、声明之后不允许改变 const PI = "3.1415926" PI = 3 // TypeError: Assignment to constant variable. // 2、一但声明必须初始化，否则会报错 const MY_AGE // Missing initializer i
阅读全文
摘要：// var 声明的变量没有局部作用域 // let 声明的变量 有局部作用域 { var a = 1; let b = 2; } console.log(a) console.log(b) //b is not defined // var 可以声明多次 // let 只能声明一次 var m =
阅读全文
摘要：https://www.yuque.com/cessstudy/kak11d
阅读全文
摘要：npm install mockjs 使用步骤： 1.src文件夹中新建mock文件夹 2.准备json数据 banner.json [ { "id": "1", "imgUrl": "/images/banner1.jpg" }, { "id": "2", "imgUrl": "/images/b
阅读全文
摘要：获取浏览器地址1、window.location.href(设置或获取整个 URL 为字符串) var test = window.location.href;alert(test);返回：http://i.cnblogs.com/EditPosts.aspx?opt=1 2、window.loca
阅读全文
摘要：<template> <div> <!--注意命名data-格式--> <h1 :data-myName="name" :data-age="age" @click="btn">测试</h1> </div> </template> <script> export default { data(){
阅读全文
浙公网安备 33010602011771号