首页  >  文章  >  web前端  >  vue.js中的常用属性有哪些

vue.js中的常用属性有哪些

王林
王林原创
2021-09-29 17:05:582984浏览

vue.js中的常用属性有:1、el属性;2、data属性;3、template属性;4、methods属性;5、render属性;6、computed属性;7、watch属性。

vue.js中的常用属性有哪些

本文操作环境:windows10系统、vue.js 2.9、thinkpad t480电脑。

Vue是一套用于构建用户界面的渐进式框架,它的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

下面是vue中的几个常用属性,一起来看看吧。

el属性

  • 用来指示vue编译器从什么地方开始解析 vue的语法,可以说是一个占位符。

data属性

  • 用来组织从view中抽象出来的属性,可以说将视图的数据抽象出来存放在data中。

template属性

  • 用来设置模板,会替换页面元素,包括占位符。

methods属性

  • 放置页面中的业务逻辑,js方法一般都放置在methods中

render属性

  • 创建真正的Virtual Dom

computed属性

  • 用来计算

  • Vue.js 计算属性,计算属性在处理一些复杂逻辑时是很有用的

watch属性

  • Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化

  • watch:function(new,old){} 监听data中数据的变化 两个参数,一个返回新值,一个返回旧值。

推荐学习:php培训

以上是vue.js中的常用属性有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn