前面学习到了 VUE 的一些基础指令,这节继续学习。
指令
指令 (Directives) 是带有 v- 前缀的特殊 attribute。 指令 attribute 的值预期是单个 JavaScript 表达式 (v-for 是例外情况,稍后我们再讨论)。 指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。
v-on 用于监听 DOM 事件
v-once="property" 执行一次性地赋值,当数据改变时,插值处的内容不会更新
v-html="rawHtml" 将字符串的 html 代码块,渲染为真正的 HTML,而非普通文本
v-bind:attribute="property" 可以缩写成 :attribute="property"
v-on:event="func" 可以缩写成 @event="func"
注意事项
-
创建 VUE 实例时,尽量使用普通 function ,而不要使用箭头函数
-
{{ statement }}
双大括号里面只能是一段表达式或链式方法,如果有特殊需要,可以这样:
{{
(function(){
return message
})()
}}
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!