美文网首页
vue 知识点随记

vue 知识点随记

作者: 邱杉的博客 | 来源:发表于2017-08-31 21:30 被阅读0次
  • v-cloak

新页面的时候因为响应问题会看到 {{item.name}} 这个vue.js模板变量,这样给用户带来了不好的体验,那么要怎么解决这个问题呢?

这个指令保持在元素上直到关联实例结束编译。
和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

包含 v-cloak (cloak n. 披风,斗篷;vt. 遮盖,掩盖) 属性的 html 标签在页面初始化时会被隐藏。
在 vuejs instance ready 之后,v-cloak 属性会被自动去除,也就是对应的标签会变为可见。

css attribute selector

[v-cloak] {
  display: none;
}

<div v-cloak>
  {{ message }}
</div>
不会显示,直到编译结束。

相关文章

  • vue 知识点随记

    v-cloak 新页面的时候因为响应问题会看到 {{item.name}} 这个vue.js模板变量,这样给用户带...

  • Vue.js渐进

    Vue笔记系列1、Vue.js入门3、Vue.js进阶 API 以下会随用随记一些API,可能会不定期更新。 Vu...

  • VUE 随记

    vue 实例 一个Vue应用由一个通过 new Vue 创建的根Vue实例,以及可选的、可嵌套的、可复用的组件树组...

  • vue随记

    使页面保持状态,在此标签下的标签会保...

  • vue随记

    问题 Q1. 执行完vue init webpack project-name以后,卡在Project descr...

  • Vue随记

    1.MVVM模式 2.渐进式框架 3.轻量级 比你有钱比你还努力--Evan Yue1000个铁杆粉丝就能糊口--...

  • 118页Vue面试题总结,为面试提前做准备

    Vue面试题文档内容主要包括vue-cli工程,vue核心知识点,vue-router,vuex,http请求,U...

  • Vue部分基础知识点总结

    Vue基础知识点: 1.Vue:过滤html标签 ----{{{数据名}}}. 2.Vue:单次插值语法: ...

  • vue学习(25)自定义指令

    知识点 1:局部指令new Vue({directives:{指令名,配置对象}})new Vue({direct...

  • Vue知识点合集

    Vue vue.js中el是什么vue 基础知识Vue杂七杂八的知识点(此篇比较老了)指令vue v-text &...

网友评论

      本文标题:vue 知识点随记

      本文链接:https://www.haomeiwen.com/subject/rrmcjxtx.html