自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 247 1

原创 Vue生命周期与钩子函数

钩子函数是Vue的内置函数,随着组件的生命周期阶段,自动执行beforeCreated(创建前)在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选项对象还未创建,el和data并未初始化,因此无法访问methods,data,computed等上的方法和数据。created(创建后)实例已经创建完成之后被调用,在这一步,实例已完成以下配置数据观测、属性和方法的运算,watch/event事件回调,完成了data数据的初始化,el没有。https。...

2022-07-29 12:22:45 249

原创 Vue中watch的用法

watch是一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue实例将会在实例化时调用$watch(),遍历watch对象的每一个属性。

2022-07-27 17:11:51 4015

原创 Vue-插槽

组件的插槽是为了让我们封装的组件更具有扩展性,让使用者决定组件内部展示的内容是什么。有些组件之间有些区别,但是也有很多的共性,如果我们每个都去封装一个组件,这似乎并不合适,但是如果封装成一个组件,也不合理,因为每个组件之间不完全一样,有些差别,所以我们可以用插槽来解决这些问题。最好的封装方式就是抽取组件中的共性封装起来,将不同的地方定义为插槽暴露出去,这样既可以根据使用的需求,决定插槽内容是什么。...

2022-07-25 14:17:41 187

原创 Vue组件入门

定义全局组件,需要给组件一个名字,调用时,可以将组件名当做标签来使用;这些组件标签都定义在组件的template属性中,每次调用该组件,都渲染template里的标签在组件中,data是函数,将数据return回去可以使用this来调用data中定义的数据定义一个组件,命名为my-name包含数据name和方法changeName命名规范驼峰命名法和短横线分隔命名,当组件名用作标签时,遇到有大写字母的命名,需要改成短横线分隔命名template`我的名字是...

2022-07-24 14:17:13 222

原创 Vue基础知识2-计算属性

计算属性是写在computed对象中的属性,本质上是一个方法,不过使用时仍然当属性来使用。

2022-07-21 12:48:39 965

原创 Vue基础知识1

Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。......

2022-07-20 15:40:09 314 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除