《移动应用开发》实验报告——vue -凯发ag旗舰厅登录网址下载

熟悉vue开发工具，学会安装vue-cli脚手架工具。

学会使用vue-cli脚手架工具在自己的电脑上建立项目，并运行调试。

使用vue-cli脚手架工具，用命令的方法搭建一个web项目，项目名称为myvue01，在项目中创建一个页面（修改为凯发ag旗舰厅登录网址下载首页），单击按钮，在div中显示hello world！。

使用vue-cli脚手架gui工具，创建一个web项目，项目名称为myvue02，编写一个简单的登录页面（修改为凯发ag旗舰厅登录网址下载首页），点击登录按钮，可提示信息（或跳转到新的欢迎页面）。

本题可以选择以下方法中的一种：

1）.可以做得简单一点，只是搭建出效果。

2）.使用模拟数据进行用户名和密码验证。

题一

1、搭建项目myvue01

2、项目目录

3、

截图展示

题二

handlelogin() {console.log('login submit')this.$refs.loginform.validate(valid => {if (valid) {this.loading = truethis.$store.dispatch('user/login', this.loginform).then(() => {this.$router.push({ path: this.redirect || '/', query: this.otherquery })this.loading = false}).catch(() => {this.loading = false})} else {console.log('error submit!!')return false}})},

截图展示

1.  熟悉vue开发工具。

2.  学会安装vue-cli脚手架工具。

3.  学会使用vue-cli脚手架工具在自己的电脑上建立项目，并运行调试。

 

 

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的《移动应用开发》实验报告——vue的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错，欢迎将凯发ag旗舰厅登录网址下载推荐给好友。