![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
xiaoweibaba
这个作者很懒,什么都没留下…
展开
-
有vue写简单的todolist
1,打开vue官网,引入Vue.js2,所有的dom操作都由vue处理v-on:事件绑定v-model:数据双向绑定v-for:根据一组数组的选项列表进行渲染3,push方法push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。4,html代码<!DOCTYPE html&...原创 2018-10-25 11:30:49 · 316 阅读 · 0 评论 -
父子组件传递数据
效果(输入数据,点击按钮提交。点击数据可删除)父-子:父组件通过v-band绑定数据,子组件props接收数据子-父:子组件通过$emit触发父组件的自定义事件并且传递数据,父组件通过监听事件接收。代码<!DOCTYPE html><html lang="en"><head原创 2018-10-25 15:34:53 · 559 阅读 · 0 评论 -
使用vue-cli打包项目
检查是否安装node,npm,vue(出现相应版本号,即已安装完成)若没有出现正确版本号,可去官网下载node官网vue官网安装vue-cli项目初始化...原创 2018-10-31 15:01:51 · 672 阅读 · 0 评论 -
非父子组件之间的传值(Bus/总线/发布订阅模式/观察者模式)
效果图(点击一个数据A,数据B会变成数据A)$emit, $on代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>4.5非父子组件之间的传值(Bus/总线/发布订阅模式/观察者模式)<原创 2018-10-30 11:47:27 · 374 阅读 · 0 评论