![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE笔记
Fade Away
这个作者很懒,什么都没留下…
展开
-
VUE
vue 框架1.vuevue 是一套构建用户界面的渐进式框架 偏向于 视图层 view (component 组件)API 齐全 简单明了 的前端框架vue 采用自下而上的增量开发设计vue 实现 单页面应用 SPA single page appliaction 通过路由匹配组件和数据 (vue-router)设计模式单例模式工厂模式代理模式发布订阅模式观察者模...转载 2019-05-22 09:46:01 · 275 阅读 · 0 评论 -
VUE methods,computed,watch,钩子函数里面的函数里面的this到底都包含了那些东西
VUE里面能轻松对数据进行操作是他最大的优点最奇妙的东西之一就是他的this对象这个this到底是谁?这里是data部分 data: { firstName: "A", lastName: "B", fName_w:"A B", count:0 },这里是 computed...原创 2019-07-12 21:11:52 · 800 阅读 · 0 评论 -
Vue 的 this
let vm = new Vue({datamethodsmounted(){}})这些成员的this可以调用 VM实例的$route $data等属性原创 2019-07-03 16:04:03 · 106 阅读 · 0 评论 -
created mounted updated
created:html还没渲染无法进行DOM操作mounted :html渲染完成 可以获取到元素updated:只有事先设置好的data变量如下arrData改变并且要在页面重新渲染{{ arrData }}完成之后,才会进updated方法,光改变arrData但不渲染页面是不会进的....原创 2019-06-09 23:30:34 · 317 阅读 · 0 评论 -
vue 知识点总结【一】
waterfall 和 vuex 混合使用 callback 最好写到mutaion结尾的部分,保证异步程序同步执行父子组件都有create,mounted生命周期函数,只执行子组件的生命周期函数cookie无法访问是因为不在同一个同一条链上字符串反向 str.split("").reverse().join("")取倒数n个字符串 (str.split("").revers...原创 2019-06-09 22:52:50 · 109 阅读 · 0 评论 -
组件【一 插槽】
一个完整的组件构成的部分加入标签名是 demo组件模板 template组件标签 <demo*></demo*>组件声明 export default {}组件插槽 组件标签定义插槽 组件模板接受插槽的内容[父组件在子组件标签的标签体定义并分发内容,分发到这个子组件本身]组件模板描述组件本身的结构,可以接受组件标签内容区传来的标签...原创 2019-06-03 08:47:49 · 148 阅读 · 0 评论 -
computed watch
computed 执行的时机:页面加载/computed里面相关属性发生变化//这个计算属性(函数)需要一个返回值作为函数的结果计算属性名不能是data里面的属性名watch:属性名就是要监听的属性名,属性发生变化就执行...原创 2019-05-23 23:25:46 · 139 阅读 · 0 评论 -
VUE MODEL VIEW VM
MODEL dataVIEW 页面View Model vm Vue的实例1.view 从内存读取数据2.view试图改变 dom监听数据变化 改变data(model)3.model发生改变 数据绑定 改变 viewv-bindsrc=“a.jpg” html写法:src=“imgUrl” imgUrl是一个表达式 数据来源于dat...原创 2019-05-23 23:22:00 · 337 阅读 · 0 评论 -
VUE 钩子函数 参数
一个指令定义对象可以提供如下几个钩子函数 (均为可选):****bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。*****inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变,也可能没有。但是你可以...原创 2019-05-23 20:44:28 · 1437 阅读 · 0 评论 -
父组件和子组件通信[一][props 和 ref($refs)]
props 是父组件把自己的值传给子组件,再改变父组件属性值,从而改变子组件属性值ref 写在DOM元素上是指向DOM写在子组件上指向子组件,通过这个$ref改变子组件的属性值和调用它的函数就可以实现父子组件的简单通信...原创 2019-05-23 19:11:37 · 346 阅读 · 0 评论 -
VUE ref 与$refs
<div class="menu" ref="menuBorder">console.log($('.menu').offset().top);console.log(this.$refs.menuBorder.offsetTop)ref this.$refsa. 绑定到 DOM 指向是当前的真实DOMb. 绑定到 组件 指向的是组件对象this.$refs ...原创 2019-05-23 19:05:13 · 150 阅读 · 0 评论 -
keyup keydown @keydown.down.prevent
keydown在keyup之前,keydown会触发光标的动作,也就是说,在keudown事件,光标前移,如果阻止keydown的默认事件,光标就不会前移键盘抬起一般没发生什么事件一般都在keydown上面...原创 2019-05-23 16:26:44 · 1796 阅读 · 0 评论 -
VUE computed再分析
原创 2019-05-23 13:24:23 · 95 阅读 · 0 评论 -
VUE computed
computed: { numComputed:{ get(){ console.log("get") return this.num + 500; ...原创 2019-05-22 17:51:32 · 124 阅读 · 0 评论 -
VUE watch
处理的情况一个Vue对象的data里面的变量的改变依托于Vue对象里的另一个data里的数据的改变而改变,这个情况下就可以使用使用方式data: { num: 200, numC: 0 },//这个this.num 是发生改变之后的值watch: { num(newva...原创 2019-05-22 17:39:58 · 135 阅读 · 0 评论 -
VUE class style 样式控制
class .a{ border:2px solid red; } .b{ background: darkmagenta; } data:{ title:"class && style 动态绑定 ", flagA:true, cla...原创 2019-05-22 16:09:07 · 492 阅读 · 0 评论 -
watch computed data
datavue实例的数据源1computedvue实例的数据源2,computed里面的数据必须依赖data里面的数据,但是不可以与data里面的数据重复watch提供set监听 对data里的属性,和computed属性都可以监听watch可以监听computed里面的属性意义???computed 属性demo的get() {return someth...原创 2019-07-12 23:38:36 · 142 阅读 · 0 评论