随笔分类 -  Vue

上一页 1 2
第九讲===>父子组件的通信
摘要：父传子 父用子的时候通过属性传递 子要声明props:['属性名'] 来接收 收到就是自己的了，随便你用 在template中 直接用 在js中 this.属性名 用 子传父 子组件里通过$emit('自定义事件名',变量1，变量2)触发 父组件@自定义事件名=‘事件名’监听 代码 阅读全文
posted @ 2020-03-27 13:33 xl4ng 阅读(117) 评论(0) 推荐(0)
第八讲===>slot插槽和ref、$parent
摘要：slot插槽 slot就是子组件里给DOM留下的坑位 DOM slot是动态的DOM ref获取子组件实例 识别：在子组件或元素上使用属性ref="xxxx" 获取：this.$refs.xxxx 获取元素 $el 是拿其DOM $parent获取父组件实例（可在子组件直接使用this.$paren 阅读全文
posted @ 2020-03-27 07:28 xl4ng 阅读(492) 评论(0) 推荐(0)
第七讲===>组件化开发
摘要：创建组件的两种方式 组件类型 通用组件（例如表单、弹窗、布局类等) 业务组件（抽奖、机器分类） 页面组件（单页面开发程序的每个页面的都是一个组件、只完成功能、不复用） 组件开发三步曲：声明、注册、使用 代码 阅读全文
posted @ 2020-03-27 07:15 xl4ng 阅读(124) 评论(0) 推荐(0)
第六讲===>数据监听watch计算属性computed
摘要：watch监听单个，computed监听多个 思考业务场景： 1. 类似淘宝，当我输入某个人名字时，我想触发某个效果 2. 利用vue做一个简单的计算器 当watch监听的是复杂数据类型的时候需要做深度监听（写法如下） computed 监视对象,写在了函数内部, 凡是函数内部有this.相关属性, 阅读全文
posted @ 2020-03-26 22:51 xl4ng 阅读(288) 评论(0) 推荐(0)
第五讲===>过滤器
摘要：过滤器就是可以对我们的数据进行添油加醋然后再显示 过滤器有全局过滤器和组件内的过滤器 全局过滤器Vue.filter('过滤器名',过滤方式fn ); 组件内的过滤器 filters:{ '过滤器名',过滤方式fn } {{ msg | 过滤器名}} 最终都是在过滤方式fn里面return产出最终你 阅读全文
posted @ 2020-03-26 22:38 xl4ng 阅读(142) 评论(0) 推荐(0)
第四讲===>阐述vue单双向数据流及事件绑定
摘要：vue单向数据流绑定属性值 v bind: (属性) 简写 :(属性) 例子：`` 单向数据绑定 内存改变影响页面改变 v bind就是对属性的简单赋值,当内存中值改变，还是会触发重新渲染 vue双向数据流 v model 只作用于有value属性的元素 例子：`` 双向数据绑定 页面对于input 阅读全文
posted @ 2020-03-26 22:21 xl4ng 阅读(153) 评论(0) 推荐(0)
Vue第三讲** ---> 熟悉及使用常用指令
摘要：什么是指令 在vue中提供一些对于页面+数据的更为方便的操作，这些操作就叫做指令。 譬如在HTML页面中这样使用`` 在vue中v xxx就是vue的指令 指令就是以数据去驱动DOM行为的,简化DOM操作 常用的指令有哪些，及怎么使用这些指令 v text 不可解析html标签 v html 可解析 阅读全文
posted @ 2020-03-26 22:02 xl4ng 阅读(201) 评论(0) 推荐(0)
Vue第二讲 ---> 引包、留坑、实例化 、插值表达式{{}}
摘要：1. 引包 确认已经下载了node,然后执行命令 npm install vue (如需下载自己要的版本在vue后面加上@版本号) 页面引入刚下载的包 ​ `` 2. 留坑 即留一个vue模板插入的地方或者是vue代码对其生效的地方 3. 实例化 即启动Vue 启动： new Vue({el:目的地 阅读全文
posted @ 2020-03-26 21:23 xl4ng 阅读(288) 评论(0) 推荐(0)

上一页 1 2