189 8069 5689

使用vue.js需要注意哪些事项-创新互联

这篇文章主要介绍了使用vue.js需要注意哪些事项，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联公司是一家专注于网站建设、成都网站设计与策划设计,清丰网站建设哪家好?创新互联公司做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:清丰等地区。清丰做网站价格咨询:028-86922220

使用vue.js需要注意：1、过滤器主要用于简单的文本转换；2、computed和methods的区别；3、key的使用；4、数组的使用；5、组件的使用；6、组件通信。

使用vue.js需要注意以下问题：

1、过滤器主要用于简单的文本转换，如果要实现复杂的数据变换，应使用计算属性

2、指令的使用

  • v-bind基本用于HTML元素上的属性，如id、class、href、src等

  • v-on用来绑定事件监听器，如click、dblclick、keyup、mousemove等，method内的this指向的是当前Vue实例

  • v-show不能使用在template上

  • - v-if 和 v-show使用场景

  • v-if 条件为false则不会编译渲染元素。v-show只是简单的CSS属性切换，无论true/false，都会编译。v-if适合条件不常改变的场景v-show适用频繁切换条件

3、computed和methods的区别

  • methods有括号（），computed不带括号。

  • computed是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。

  • methods在重新渲染的时候，函数总会重新调用执行。

4、key的使用

Vue渲染元素时，考虑效率，会尽可能复用已有的元素。此时需要在被重用的元素加上key属性

5、数组的使用

  • filter()、concat()、slice()不会更改原数组，将返回一个新数组

  • 用新数组替换原数组，无性能影响。Vue渲染时，会尽量复用DOM元素

    部分数组变动无法被Vue检测到，并更新视图

  • app.books[3]={}app.books.length=1以上情况可以分别使用Vue.set和app.books.splice(1)处理

6、组件的使用

、
    、
      、

渲染时会替换为组件my-component的内容

注：但使用字符串模板时，不受限。如.vue文件

7、组件通信

  • 父->子 prop

  • 子->父 $emit v-model

感谢你能够认真阅读完这篇文章，希望小编分享使用vue.js需要注意哪些事项内容对大家有帮助，同时也希望大家多多支持创新互联网站建设公司，，关注创新互联行业资讯频道，遇到问题就找创新互联网站建设公司，，详细的解决方法等着你来学习!


网站标题：使用vue.js需要注意哪些事项-创新互联
文章来源：http://cdxtjz.cn/article/dhjsoi.html

其他资讯