摘要: watch监听单个,computed监听多个 思考业务场景: 1. 类似淘宝,当我输入某个人名字时,我想触发某个效果 2. 利用vue做一个简单的计算器 当watch监听的是复杂数据类型的时候需要做深度监听(写法如下) computed 监视对象,写在了函数内部, 凡是函数内部有this.相关属性, 阅读全文
posted @ 2020-03-26 22:51 xl4ng 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 过滤器就是可以对我们的数据进行添油加醋然后再显示 过滤器有全局过滤器和组件内的过滤器 全局过滤器Vue.filter('过滤器名',过滤方式fn ); 组件内的过滤器 filters:{ '过滤器名',过滤方式fn } {{ msg | 过滤器名}} 最终都是在过滤方式fn里面return产出最终你 阅读全文
posted @ 2020-03-26 22:38 xl4ng 阅读(136) 评论(0) 推荐(0) 编辑
摘要: vue单向数据流绑定属性值 v bind: (属性) 简写 :(属性) 例子:`` 单向数据绑定 内存改变影响页面改变 v bind就是对属性的简单赋值,当内存中值改变,还是会触发重新渲染 vue双向数据流 v model 只作用于有value属性的元素 例子:`` 双向数据绑定 页面对于input 阅读全文
posted @ 2020-03-26 22:21 xl4ng 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 什么是指令 在vue中提供一些对于页面+数据的更为方便的操作,这些操作就叫做指令。 譬如在HTML页面中这样使用`` 在vue中v xxx就是vue的指令 指令就是以数据去驱动DOM行为的,简化DOM操作 常用的指令有哪些,及怎么使用这些指令 v text 不可解析html标签 v html 可解析 阅读全文
posted @ 2020-03-26 22:02 xl4ng 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 1. 引包 确认已经下载了node,然后执行命令 npm install vue (如需下载自己要的版本在vue后面加上@版本号) 页面引入刚下载的包 ​ `` 2. 留坑 即留一个vue模板插入的地方或者是vue代码对其生效的地方 3. 实例化 即启动Vue 启动: new Vue({el:目的地 阅读全文
posted @ 2020-03-26 21:23 xl4ng 阅读(274) 评论(0) 推荐(0) 编辑