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