首页 > 其他 > 详细

Vue基础学习

时间:2020-05-20 00:55:02      阅读:62      评论:0      收藏:0      [点我收藏+]

   以下内容仅供个人学习使用

 

 

技术分享图片

v-bind可省略。 直接冒号:

技术分享图片

 

运行效果图:

技术分享图片

如果熟悉绑定指令绑定的不是vue中的模型,则需要在双引号中加单引号,像这样" ‘ ‘  "

 

v-once只编译一次,编译完成后在浏览器控制台无法修改值

技术分享图片

 

 

 

运行图

 技术分享图片

尝试在控制台修改a1的值,结果没有改变

技术分享图片

 

 

 

假如模型的内容是html文本,则需要如下操作渲染

 技术分享图片

 

运行图如下

技术分享图片

 

 

 

双向绑定

当修改框的内容时,a2也跟着变。

技术分享图片       技术分享图片

运行图

技术分享图片 技术分享图片

技术分享图片 技术分享图片

 

这种点击事件会自动改变值

运行图  

技术分享图片技术分享图片技术分享图片

 

 

 

 

事件方法

技术分享图片

 

 

无参数

技术分享图片

 

 

 运行图

 

 技术分享图片技术分享图片

 

有参数

技术分享图片

 

 

 

键盘触发事件

技术分享图片

 

技术分享图片

 

 技术分享图片

 

Vue基础学习

原文:https://www.cnblogs.com/hjqq/p/12920322.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!