获得徽章 18
#每天一个知识点# 父子组件生命周期顺序
父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted
#每天一个知识点# Vue和JQuery的区别在哪?为什么放弃JQuery用Vue?
1.jQuery是直接操作DOM,Vue不直接操作DOM,Vue的数据与视图是分开的,Vue只需要操作数据即可
2.jQuery的操作DOM行为是频繁的,而Vue利用虚拟DOM的技术,大大提高了更新DOM时的性能
3.Vue中不倡导直接操作DOM,开发者只需要把大部分精力放在数据层面上
4.Vue集成的一些库,大大提高开发效率,比如Vuex,Router等
#每天一个知识点# 常用事件修饰符
1.stop 阻止冒泡 :外层和里层都有方法 点击里层会产生冒泡,也会触发外层的事件。顺序 从里到外产生事件
2.prevent 阻止浏览器默认行为 :a标签有浏览器默认行为。
3.capture 捕获事件 :点击里层先触发外层再触发里层 顺序从外到里产生事件
4.self 只触发自己本身的事件 不会产生冒泡和捕获事件 类似于阻止冒泡 但只针对自己那一层 最外层还是会被最里层冒泡冒到 stop 是阻止所有层次
5.once 事件只执行一次
#每天一个知识点#
1.v-cloak 解决{{}}插值闪烁问题
2.v-text 会先执行 覆盖 元素中原本的内容 但是插值表达式只会覆盖自己的占位符,默认不会闪烁
3.v-html 渲染 html标签 覆盖元素中原有元素内容
4.v-bind: 简写为: 用来绑定数据 可以写合法的js表达式
5.v-on: 简写为 @ 用来点击事件
6.v-if:DOM渲染与不渲染,不能和v-for一起使用
7.v-for:循环渲染DOM,循环时要加v-key唯一标识,循环时不能和v-if一起使用,可以用computed计算属性再循环
8.v-model:双向数据绑定,一般用于表单
9.v-show:DOM隐藏与显示,和v-if区别在于v-show是利用css控制,实际上DOM已经渲染了,而v-if是渲染与不渲染。如果DOM频繁切换可以用v-show,反之用v-if。
#每天一个知识点# 动态路由,有很多时候,我们需要通过url来传递id或者一些参数就需要动态路由,就是在path:''''路由后面加上:id/参数,参数会被设置到$route对象里,通过$route.parmas.id/参数拿到。
#每天一个知识点# 路由重定向,vue可以设置路由重定向。当用户访问/时,url会被替换成/index,然后匹配路由为/index,语法可以移步到官网。
#每天一个知识点# 路由跳转,分为编程式导航,声明式导航。
编程式导航也就是用$router的push()/replace()/go()方法。
声明式导航就是用vue提供的router-link标签,to属性写路由,默认会被渲染成一个a标签,还有target属性,可以指定标签变成html官方标签,vue3被丢弃了,这个属性。只要在需要跳转的组件添加outer-view,router-link还自带了类名,在做高亮的时候,很方便。
两种方法,其实都可以达到一样的效果,只是,在有高亮效果的情景,声明式明显更加好用。
#每天一个知识点# $router是一个全局router实例,通过vue根实例注入router,在注册到每一个子组件上,让整个页面拥有路由功能。其中包括了很多路由对象根属性(包括history),任何页面都可以调用$router的push()/replace()/go() 进行页面或者组件的跳转。整个应用只有一个
$route是当前的路由信息,只是当前的,能获得当前路由的path,parmas,name,query等,每个路由都有对应的。
#与A-SOUL一起成为更好的自己# 这个人从早到晚在这摆摊,桃子看着真大真不戳,中午去买点。
#每天一个知识点#
作用域插槽。作用域插槽,可以用来传值。作用域插槽要有name属性,子组件的插槽向父组件传值,值如果是固定值就直接写,如果是变量就用v-bind绑定。父组件用v-solt:name={传递的值}
下一页