vue源码里的指令定义在哪里(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会根据指令去执行相应的操作,自定义指令就执行自定义的操作。详细请参考官文档。