<template> <div id="app"> <input type="text" v-model='todo' @keydown="doAdd($event)" /> <br> <hr> <br> <h2>进行中</h2> <ul> <li v-for="(item,key) in list" v-if=&…
<template> <div id="app"> <h1>{{ msg }}</h1> <input type="text" v-model="todo" @keyup="addData($event)"/> <hr> <br> <h2>未完成</h2> <ul> <li v-for="(i…
ceshi.vue <template> <div id="app"> <input type='text' v-model='todo' @keydown="doAdd($event)" /> <button @click="doAdd($event)">+增加</button> <br> <hr> <br> <h2>进行中</h2…
<template> <div id="app"> <input type="text" v-model='todo' /> <button @click="doAdd()">+增加</button> <br> <hr> <br> <ul> <li v-for="(item,key) in list"> {{…
原理很简单,写一个input框,定义一个空的list,当在input中增加数据时,就往list中添加数据,然后在循环这个list的数据,删除数据就是调用list中的splice <template> <div id="app"> <h1>{{ msg }}</h1> <input type="text" v-model="todo"/> <button @click="a…
v-on对象处理 <p @mouseover = "doTish" @mouseout = "doThat"> 对象形式 </p> <p v-on="{ mouseover: doTish, mouseout: doThat }"> 对象形式 </p> <!DOCTYPE html> <html lang="en"> <head> <me…
数据与视图的绑定与同步,最终体现在对数据的读写处理过程中,也就是 Object.defineProperty() 定义的数据 set.get 函数中.Vue 中对于的函数为 defineReactive. function defineReactive(obj, key, value) { var dep = new Dep() Object.defineProperty(obj, key, { enumerable: true, configurable: true, get: functio…
[本文出自天外归云的博客园] 简介 Vue版本:2.9.6 Element版本:2.4.8 问题描述:子组件对Element中el-select进行封装,父组件中把选中的值selected和所有选项options传给子组件,当子组件中选中的option发生改变时,通知父组件并更新父组件中的selected值 问题本质:在子组件中接收父组件中传递过来的值A,当值A在子组件中发生改变,通知父组件并在父组件中更新值A 代码 1. 父组件中引入并调用子组件,传给子组件fatherSelected和fat…
JS的一个小练习 展示成果 话不多说 html骨架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content…
使用html/css原生js实现待办事项列表: 支持添加待办事项,删除待办事项,切换待办事项的状态(正在进行,已经完成) 支持对正在进行以及已经完成事项编辑(单击内容即可编辑) 源代码:链接:https://pan.baidu.com/s/1rnGmqnyytgHBhGKmOOQGbg 密码:mqjr 前端页面效果图:…