zoukankan      html  css  js  c++  java
  • vue入门基础知识点测试

    vue入门基础知识点测试

    1、文本(值绑定){{var}}----控制<div></div>的值显示当前时间,
    且1秒更新一次。(可查阅 setinterval 函数,时间Data对象)


    2、属性绑定 v-bind----先在<style>定义好两个样式styblue,styred,分别蓝底,红底,
    再定义两个按钮文本显示蓝,红,要求点击这两个按钮
    控制<div class=></div> 在 styblue,styred 之间切换。


    3、循环v-for(数组),及获取页面数用户数据---事件函数调用(带绑定的形参)
    <div><div>
    <u>
    <li>选项1</li>
    <li>选项1</li>
    ... ...
    ... ...
    <li>选项100</li>
    </u>

    要求 1:在页面挂载周期事件函数 mounted(),循环填充以上 选项1-100 共100个li项,

    2: 获取用户点击的是那个li,将被点击的 li 值选项1....选项100 更新到<div>


    4、条件v-if,
    <div>显示<div>
    <span>显示隐藏<span>

    要求 点击span 控制<div>显示与隐藏


    5、子组件定义,注册,引用(复用),自定义事件(带数据)
    子组件模板---<childcpn>,属性 name,data_1,data_2
    <span>
    <div></div>
    <div>data_1</div>
    <div>data_1</div>
    </span>

    父组件引用
    <childcpn name="名字1"/>
    <childcpn name="名字2"/>
    <childcpn name="名字3"/>

    要求,点击子组件时,发出自定义事件---携带name,点击data文本,父组件获取并更新在<div>

    6、axio 发出异步post 请求,url http://gzlema.cn:3000/login

    <input />
    <input />
    <span>登录</span>
    <div></div>


    请求参数
    {
    userid:""
    password:""
    }

    将服务器返回的数据 显示在div

  • 相关阅读:
    解决方案 git@github.com出现Permission denied (publickey)
    github设置添加SSH
    base64是啥原理
    PHP面试题:HTTP中POST、GET、PUT、DELETE方式的区别
    PHP中put和post区别
    常用的微信编辑器
    局域网内一台电脑的ip地址自己会变,怎样让它不变
    Trendalyzer is an information visualization software
    FineReport报表和水晶报表的比较
    x
  • 原文地址:https://www.cnblogs.com/qinlongqiang/p/12331470.html
Copyright © 2011-2022 走看看