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