Vue创建全局、局部组件及父组件向子组件传递方法 1.首先搭建脚手架,并运行,确保搭建成功。2.创建两个vue文件,CompreHensive.vue文件作为创建全局变量使用,OneSided.vue作为局部变量使用(特别注意使用驼峰命名法,不然容易报错)。3.在创建全局变量前要在main.js中配置配置全局变量,在进行全局注册组件时变量名要用-隔开或者使用驼峰命名法。4.再创建的CompreHensive.vue文件,template里面写html内容,script里面写js内容,style里面谢css样式,进行js命名时要用驼峰命名法。...
Vue中v-model的使用 实现双向绑定需要是用v-bind和v-on,使用v-bind给input的value绑定message对象,此时message对象改变,input的值也会改变。但是改变input的value并不会改变message的值,此时需要一个v-on绑定一个方法,监听事件,当input的值改变的时候,将最新的值赋值给message对象。 v-model双向绑定,既输入框的value改变,对应的message对象值也会改变,修改message的值,input的value也会随之改变。 radio单选框的。...
Vue事件绑定(v-on用法) ES6事件绑定,v-on的基本使用,v-on的参数传递,v-on的修饰词,阻止冒泡事件,添加事件监听器时使用事件捕获模式。 capture只当在 event.target 是当前元素自身时触发处理函数。 prevent点击事件将只会触发一次。 once.passive 修饰符尤其能够提升移动端的性能。 .passive.........
ES6其他语法及扩展语法总结 includes、**幂运算、flat数组降维、flat和map的一个结合、对象的扩展方法、 fromEntries 把键值对的形式 转为对象、trim 去除空格、?. 对象层级比较深。
ES6中 async 函数、await表达式 async是一个修饰符,async定义的函数会默认的返回一个Promise对象resolve的值,因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数。它也是一个修饰符,await关键字只能放在async函数内部,await关键字的作用就是获取Promise中返回的内容,获取的是Promise函数中resolve或者reject的值。......
ES6中Promise用法(封装Ajax) Promise是异步编程的一种解决方案,可以替代传统的解决方案--回调函数和事件。ES6统一了用法,并原生提供了Promise对象。作为对象,Promise有一下两个特点。
ES6中Symbol、迭代器和生成器基本语法 迭代器(lterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署lterator接口,就可以完成遍历操作,ES6新增遍历方式for...of。原生具备lterator接口的数据有2.原理创建一个指针对象,指向数据结构的起始位置,第一次调用==next()==方法,指针自动指向数据结构第一个成员,接下来不断调用next(),指针一直往后移动,直到指向最后一个成员,没调用next()返回一个包含value和done属性的对象。console.log("函数执行了...")...