作者:宝贝猪雯 | 来源:互联网 | 2020-08-24 05:55
phpceil()函数的作用是向上舍入为最接近的整数,语法是ceil(number),表示返回不小于参数X的下一个整数,如果没有小数,返回参数X,如果有小数部分则舍去小数部分,向前进一位,注意不是四舍五入,当参数是string字符串时,则
在本篇文章中,我们将给大家介绍如何在Vue JS中使用methods和data属性。
注,我们使用Vue cli生成项目。
创建我们的项目
让我们通过运行以下命令快速创建我们的vue项目。
vue create vue-app
以上命令将下载vue-app文件夹中所需的文件。
使用cd vue-app
更改工作目录,然后使用你喜爱的代码编辑器打开项目文件夹。
在src
文件夹中导航到App.vue
文件并删除所有内容,然后用下面的代码替换。
App.vue
Hello Vuejs
data
属性
在上面的代码中,我们将在
data:data属性值是一个返回对象的匿名函数。该对象中的每个属性都被添加到Vue反应系统中,这样,如果我们更改了该属性值,那么vuejs将使用更新的数据重新呈现dom。
让我们使用{{}}
双花括号将title
属性添加到模板标记中。
App.vue
Hello {{title}}
在Vuejs中,我们需要使用双花括号{{js expression}}
来传递Javascript表达式。
让我们使用以下命令启动开发服务器。
npm run serve
你看到我们的{{title}}
被Vuejs替换了吗?
methods
属性
让我们使用methods属性创建第一个方法。methods属性值也是一个对象。
在上面的代码中,我们添加了一个返回字符串的welcomeMsg
方法。
在methods
内部,我们可以使用this.propertyname
访问数据对象。
让我们在template标签中调用welcomeMsg
方法。
Hello {{title}}
{{welcomeMsg()}}
以上就是Vuejs中methods和data属性的使用的详细内容,更多请关注 第一PHP社区 其它相关文章!