晨晓

vue.js 学习日记第二章-在vue中编写function及一些简单指令

电脑版发表于:2019/5/29 14:13

          官网:https://cn.vuejs.org/v2/guide/

          vue.js 学习日记第一章:http://www.tnblog.net/18323015640/article/details/2448


          在上一章的日记中我们学习了vue的基本开发模式,现在,我们将要进行更加深入的了解。

          首先,要介绍一个vue中的属性:methods

          这个属性是用来干嘛的呢?正如它的名字一样,它是用来写方法的,这里我们还是用上一章的页面继续作为学习模板

          

          调用无参方法:

          

          运行效果:

         

          调用含参数的方法||调用直接使用data中的属性的方法:

            

          运行结果(可以看到也是成功了的):

            

          现在,再给大家介绍一些指令:

          v-bind

          这个指令可以用来进行属性的绑定,给大家一个例子:

              

          v-html

          这个指令可以用来给标签添加html代码:

          

           

          

          好了,第二章就暂时告一段落啦....

          

关于TNBLOG
TNBLOG,技术分享
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢