资讯专栏INFORMATION COLUMN

vue 的一些不常用指令和方法的总结

timger / 1109人阅读

摘要:生命周期钩子文本通过使用指令,能够执行一次性地插值,当数据改变时,插值处的内容不会更新。只能对可信内容使用插值,绝不要对用户提供的内容使用插值。理想的值是每项都有的且唯一的。

生命周期钩子
beforeCreate / created
beforeMount / mounted
beforeUpdate / updated
beforeDestroy / destroyed
文本

通过使用 v-once 指令,能够执行一次性地插值,当数据改变时,插值处的内容不会更新。但这会影响到该节点上的其它数据绑定:

这个将不会改变: {{ msg }}
v-html
站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击。只能对可信内容使用 HTML 插值,绝不要对用户提供的内容使用插值。
属性
属性、计算属性、过滤器
{{ a }} --- {{ addA }} --- {{ a | filterA }}
watch监听属性
观察和响应 Vue 实例上的数据变动:侦听属性。
key
为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,需要为每项提供一个唯一 key 属性。理想的 key 值是每项都有的且唯一的 id。可以使用 v-bind 来绑定动态值key

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107715.html

相关文章

  • vue常用知识点总结

    摘要:这里借鉴了一下的处理方式,我们把单独模块的包装成一个函数,提供一个全局的回调方法,加载完成时候再调用回调函数。 感谢本文引用链接的各位大佬们,小菜鸟我只是个搬运工 1.谈一谈你理解的vue是什么样子的? vue是数据、视图分离的一个框架,让数据与视图间不会发生直接联系。MVVM 组件化:把整体拆分为各个可以复用的个体 数据驱动:通过数据变化直接影响bom展示,避免dom操作。 可以在...

    xiaokai 评论0 收藏0
  • 前端面试题总结——VUE(持续更新中)

    摘要:前端面试题总结持续更新中是哪个组件的属性模块的组件。都提供合理的钩子函数,可以让开发者定制化地去处理需求。 前端面试题总结——VUE(持续更新中) 1.active-class是哪个组件的属性? vue-router模块的router-link组件。 2.嵌套路由怎么定义? 在 VueRouter 的参数中使用 children 配置,这样就可以很好的实现路由嵌套。 //引入两个组件 ...

    SimonMa 评论0 收藏0
  • 手挽手带你学VUE:一档 VUE简介以及常用内部指令

    摘要:这样,我们用写的就写好了。真的假的大家可以看到,这些在插值表达式内的表达式直接返回了运行完成的结果,值得一提的是,差值表达式内的规则和标签内的规则是类似的。 视频教程 由于思否不能插入视频,视频请大家移步,http://www.henrongyi.top 什么是VUE VUE是一套用于构建用户界面的渐进式框架,VUE并不是一个真正意义上的mvvm框架,它更倾向是一种数据驱动框架.所以我...

    不知名网友 评论0 收藏0
  • 手挽手带你学VUE:一档 VUE简介以及常用内部指令

    摘要:这样,我们用写的就写好了。真的假的大家可以看到,这些在插值表达式内的表达式直接返回了运行完成的结果,值得一提的是,差值表达式内的规则和标签内的规则是类似的。 视频教程 由于思否不能插入视频,视频请大家移步,http://www.henrongyi.top 什么是VUE VUE是一套用于构建用户界面的渐进式框架,VUE并不是一个真正意义上的mvvm框架,它更倾向是一种数据驱动框架.所以我...

    go4it 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<