b2c信息网

您现在的位置是:首页 > 明日新闻 > 正文

明日新闻

vue源码里的指令定义在哪里(vue有哪些基础指令)

hacker2022-06-26 18:08:19明日新闻55
本文目录一览:1、vue中自定义指令是通过什么属性实现2、vue指令是什么呢?

本文目录一览:

vue中自定义指令是通过什么属性实现

bind

-

只调用一次,在指令第一次绑定到元素上时候调用

update

-

在bind之后立即以初始值为参数第一次调用,之后绑定值变化的时候,参数为新值与旧值

unbind

-

只调用一次,在指令从元素上解绑的时候调用

vue指令是什么呢?

1、v-bind:给元素绑定属性。

2、v-on:给元素绑定事件。

3、v-html:给元素绑定数据,且该指令可以解析html标签。

4、v-text:给元素绑定数据,不解析标签。

5、v-model:数据双向绑定。

6、v-for:遍历数组。

7、v-if:条件渲染指令,动态在DOM内添加或删除DOM元素。

8、v-else:条件渲染指令,必须跟v-if成对使用。

9、v-else-if:判断多层条件,必须跟v-if成对使用。

10、v-cloak:解决插值闪烁问题。

Vue.工程目录下设置自定义指令在哪设置

添加自定义目录:

1、项目需求:页面左侧网页内容太多,所以想在页面右侧添加一个自定义的目录,目录名对应左侧内容的小标题,点击目录左侧页面滚动到对应的内容。

2、给页面左侧的内容的每个小标题添加一个data-ref属性。

3、等左侧文章加载完成之后,用setTimeout定时器把左侧的ref属性push进一个空的数组。

4、在push完成后的数组里循环得到页面右侧的目录内容

5、然后点击某个目录时把item.ref传参进catalogTo()函数,保证左面的内容滚动到制定的位置

6、注意scrollTop()和offsetTop()的用法

创建Vue项目之前需要做哪些准备工作?Vue项目如何创建?指令是什么?并对指令解

使用Vue,当然要先去学习它的使用方法了,请参考官方文档Vue

创建Vue项目,可以用官方的脚手架,请参考官方文档vue-cli

指令就是在HTML标签上以v-开头的属性,比如:v-for, v-if等以及自定义指令。Vue会根据指令去执行相应的操作,自定义指令就执行自定义的操作。详细请参考官文档。

发表评论

评论列表

  • 拥嬉北渚(2022-06-26 19:14:39)回复取消回复

    想在页面右侧添加一个自定义的目录,目录名对应左侧内容的小标题,点击目录左侧页面滚动到对应的内容。2、给页面左侧的内容的每个小标题添加一个data-ref属性。3、等左侧文章加载完成之后,用setTimeout定时器

  • 美咩一镜(2022-06-27 02:10:12)回复取消回复

    自定义指令就执行自定义的操作。详细请参考官文档。

  • 边侣冢渊(2022-06-26 21:31:56)回复取消回复

    内容滚动到制定的位置6、注意scrollTop()和offsetTop()的用法创建Vue项目之前需要做哪些准备工作?Vue项目如何创建?指令是什么?并对指令解使用Vue,当然要先去学习它的使用方法了,请参考官方文档Vue创建Vue项目,可以用

  • 绿邪礼忱(2022-06-27 05:45:33)回复取消回复

    的时候调用vue指令是什么呢?1、v-bind:给元素绑定属性。2、v-on:给元素绑定事件。3、v-html:给元素绑定数据,且该指令可以解析html标签。4、v-text:给元素绑定数据,不解析标签。5、v-model:数据双向绑定。6、v