zoukankan      html  css  js  c++  java
  • Vuejs1.0学习

    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、列表显示

  • 相关阅读:
    HTML笔记
    html文本格式化
    标题大小与字体大小的关系
    html学习笔记
    冒泡排序
    直接插入算法
    绘制针状图
    绘制矢量图
    饼图pie 或者pie3
    三维直方图
  • 原文地址:https://www.cnblogs.com/lamp01/p/8453208.html
Copyright © 2011-2022 走看看