分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

Vuejs1.0学习

发布时间:2023-09-06 01:42责任编辑:熊小新关键词:js

1、数据双向绑定

双向绑定以后,表单中数据的改变会同步改变H2中的输出

2、v-show

内容输入前:

内容输入后:隐藏提示,展示按钮

代码实现:

此处的v-show可以换成v-if,v-show是隐藏节点,v-if是删除节点

3、事件处理

也可以阻止事件的执行,为了书写方便@替代了v-on:

点击提交后会执行sumitForm方法,但是不能执行submit方法了

click事件,点击+1

4、组件式开发

自定义标签、vue将内容填充进去

效果展示:

5、 两个彩蛋

5.1、引用cdn在线的未压缩JS,console会显示报错信息

5.2、谷歌插件——vue-devtools,方便调试

6、computed

computed property(计算过的属性) 一般用在处理一些逻辑复杂的数据输出

这样便会输出全名

7、列表显示

Vuejs1.0学习

原文地址:https://www.cnblogs.com/lamp01/p/8453208.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved