- 博客(7)
- 收藏
- 关注
原创 Vue自定义指令
Vue.directive("指令名称",{//el代表指令绑定的dom元素,可以对el进行dom操作}})directives{"指令名称"{}}}el指令所绑定的元素,可以用来直接操作DOMbinding一个对象,包含以下propertyname指令名,不包括v-前缀。value指令的绑定值,例如v-color="‘red’"中,绑定值为‘red’。oldValueexpression字符串形式的指令表达式。arg传给指令的参数,可选。......
2022-07-29 13:45:57
281
原创 Vue生命周期与钩子函数
钩子函数是Vue的内置函数,随着组件的生命周期阶段,自动执行beforeCreated(创建前)在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选项对象还未创建,el和data并未初始化,因此无法访问methods,data,computed等上的方法和数据。created(创建后)实例已经创建完成之后被调用,在这一步,实例已完成以下配置数据观测、属性和方法的运算,watch/event事件回调,完成了data数据的初始化,el没有。https。...
2022-07-29 12:22:45
292
原创 Vue中watch的用法
watch是一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue实例将会在实例化时调用$watch(),遍历watch对象的每一个属性。
2022-07-27 17:11:51
4111
原创 Vue-插槽
组件的插槽是为了让我们封装的组件更具有扩展性,让使用者决定组件内部展示的内容是什么。有些组件之间有些区别,但是也有很多的共性,如果我们每个都去封装一个组件,这似乎并不合适,但是如果封装成一个组件,也不合理,因为每个组件之间不完全一样,有些差别,所以我们可以用插槽来解决这些问题。最好的封装方式就是抽取组件中的共性封装起来,将不同的地方定义为插槽暴露出去,这样既可以根据使用的需求,决定插槽内容是什么。...
2022-07-25 14:17:41
215
原创 Vue组件入门
定义全局组件,需要给组件一个名字,调用时,可以将组件名当做标签来使用;这些组件标签都定义在组件的template属性中,每次调用该组件,都渲染template里的标签在组件中,data是函数,将数据return回去可以使用this来调用data中定义的数据定义一个组件,命名为my-name包含数据name和方法changeName命名规范驼峰命名法和短横线分隔命名,当组件名用作标签时,遇到有大写字母的命名,需要改成短横线分隔命名template`我的名字是...
2022-07-24 14:17:13
282
原创 Vue基础知识1
Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。......
2022-07-20 15:40:09
377
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人