Vue2基础
文章平均质量分 95
学无止境,简单的事情重复做,重复的事情认真做
别活在过去i
无人问津也好 技不如人也罢 你都要试着安静下来 去做自己该做的事情 而不是让烦恼和焦虑毁掉你本就不多的热情和定力 心可以碎 手不能停 该干什么干什么 在崩溃中继续进行 这才是一个成年人的素养!加油
展开
-
Vue学习笔记(五)
1.一种组件间通信的方式,适用于:子组件==》父组件2.使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)3.绑定自定义事件:(1)第一种方式,在父组件中:或(2)第二种方法,在父组件中:mounted(){(3)若想让自定义事件只能触发一次,可以使用once修饰符,或$once方法4.触发自定义事件:this.$emit('atguigu',数据)5.解绑自定义事件:this.$off('atguigu')原创 2023-11-28 20:54:34 · 201 阅读 · 0 评论 -
Vue基础学习笔记(四)
data函数,methods中的函数,watch中的函数,computed中的函数,它们的this均是[VueComponent实例对象]2.我们只需要写或,Vue解析时会帮我们创建school组件的实例对象,即Vue帮我们执行的:new VueComponent(options)data函数,methods中的函数,watch中的函数,computed中的函数,它们的this均是[Vue实例对象](2)vue.runtime.xxx.js是运行版的Vue,只包含:核心功能,没有模板解析器。原创 2023-11-20 17:02:22 · 196 阅读 · 1 评论 -
Vue基础学习笔记(三)
自定义指令总结:一、定义语法:(1)局部指令:new Vue({directives:{指令名:配置对象}})或new Vue({})(2)全局指令:Vue.directive(指令名,配置对象)或Vue.directive(指令名,回调函数)二、配置对象中常用的3个回调:(1)bind:指令与元素成功绑定时调用(2)inserted:指令所在元素被插入页面时调用(3)update:指令所在模板被重新时调用。三、备注:1.指令定义时不加v-,但使用时要加v-原创 2023-11-20 16:50:25 · 176 阅读 · 0 评论 -
Vue基础学习笔记(二)
(2)所有不被Vue所管理的函数(定时器的回调函数,ajax的回调函数,promise的回调函数),最好写成箭头函数,这样this的指向才是vm或组件实例对象。(1)所有被Vue管理的函数,最好写成普通函数,这样this的指向才是vm或组件实例对象。(1).vue自身可以监测对象内部值的改变,但Vue提供的watch默认不可以。对象写法,适用于:要绑定的样式个数确定,名字也确定,但要动态决定要不要使用。如:@keyup.ctrl.y————————>同时按下ctrl和y才触发事件。原创 2023-11-20 16:35:14 · 113 阅读 · 0 评论 -
Vue基础学习笔记(一)
例子:v-bind:href="xxx"或简写为:href="xxx",xxx同时要写JS表达式且可以直接读取到data中的所有属性。6.{{xxx}}中的xxx要写JS表达式,且xxx可以自动读取到data中的所有属性。由Vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不在是vue实例了。4.methods中配置的函数,都是被vue所管理的函数,this的指向是vue或组件实例对象。2.vm身上的所有的属性及vue原型上的所有属性,在vue模板都可以直接使用。原创 2023-11-20 16:27:05 · 45 阅读 · 0 评论