VUE相关注意点

v-show 不支持 <template> 语法,也不支持 v-else。
当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级。
一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。
2.2.0+ 的版本里,当在组件中使用 v-for 时,key 现在是必须的。
computed里面可以放置一些业务逻辑代码,一定记得最后需要return。
$mount(el)手动挂载el(相当于设置el: '#box')
自定义指令时,指令的名字不能带v-。比如自定义v-red,在自定义时名称应该是red

Vue.config.productionTip = false -------关闭生产模式下给出的提示

防止在网速缓慢的情况下出现双大括号{{}}的问题,1、在模板比较大的情况下,可以在标签上添加v-cloak,并且在style样式表中添加[v-cloak]{ display: none };如果只是单标签的话,可使用v-text,v-html等属性来避免。

Vue 包含一组观察数组的变异方法(会改变被这些方法调用的原始数组)。所以它们也将会触发视图更新。这些方法如下:
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
非变异方法,例如: filter(), concat() 和 slice() 。
- methods 没有缓存,即每次重新渲染都会执行
- computed依赖缓存, 即每次重新渲染会先查找缓存
使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生。因此,用 @click.prevent.self 会阻止所有的点击,而 @click.self.prevent 只会阻止元素上的点击。
全部的按键别名:
.enter
.tab
.delete (捕获 “删除” 和 “退格” 键)
.esc
.space
.up
.down
.left
.right
可以通过全局 config.keyCodes 对象自定义键值修饰符别名

Vue.config.keyCodes.f1 = 112

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,081评论 0 29
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,244评论 0 6
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 6,090评论 0 42
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,981评论 19 139
  • 以下内容是我在学习和研究Vue时,对Vue的特性、重点和注意事项的提取、精练和总结,可以做为Vue特性的字典; 1...
    科研者阅读 14,143评论 3 24