vue学习杂计

1.@click.self  =""    点击自身部分,而不是子元素



2.v-cloak指令

v-cloak

不需要表达式

用法

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

示例

[v-cloak]{

display: none;  //可以用!important提升优先级

}

{{ message }} 不会显示,直到编译结束



3.vm.$mount("#app")  //挂载实例到元素上


4.事件参数

@click.stop.prevent   //阻止默认行为和冒泡

@click.capture="doThis" //在捕获阶段执行

@click.self  //  只有点击自身才有效

@click="addWithEvent(5, $event)  //第二个参数指定了事件对象



5.transition


6.vue中class用法

表达式

对象

数组


7.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,472评论 0 29
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,797评论 4 129
  • Vue笔记系列2、Vue.js渐进3、Vue.js进阶 Vue.js的概述 如官网所说,Vue.js是一款轻量级的...
    其心阅读 4,860评论 0 6
  • 1. Vuejs中的组件 vuejs构建组件使用: 这里注意一点,组件要先注册再使用如果反过来会报错,因为反过来代...
    sidney_c阅读 4,753评论 0 8
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,678评论 0 6

友情链接更多精彩内容