vue.js中有哪些常用属性

这篇文章主要为大家展示了“vue.js中有哪些常用属性”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“vue.js中有哪些常用属性”这篇文章吧。

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

本文操作环境：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中数据的变化 两个参数，一个返回新值，一个返回旧值。

以上是“vue.js中有哪些常用属性”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！