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

 

posted on 2020-02-19 15:30  覃隆强  阅读(245)  评论(0编辑  收藏  举报