网站大改版,视频搜索引擎网站开发方法,建站优化办事效率高,官方网站下载拼多多app1.1 配置环境
vue官网#xff1a;
Vue.js - The Progressive JavaScript Framework | Vue.js 终端 Linux和Mac上可以用自带的终端。 Windows上推荐用powershell或者cmd。Git Bash有些指令不兼容。 安装Nodejs 安装地址#xff1a; Node.js 安装vue/cli 打开Git Bash#x…1.1 配置环境
vue官网
Vue.js - The Progressive JavaScript Framework | Vue.js 终端 Linux和Mac上可以用自带的终端。 Windows上推荐用powershell或者cmd。Git Bash有些指令不兼容。 安装Nodejs 安装地址 Node.js 安装vue/cli 打开Git Bash执行 npm i -g vue/cli 如果执行后面的操作有bug可能是最新版有问题可以尝试安装早期版本比如npm i -g vue/cli4 启动vue自带的图形化项目管理界面 vue ui 常见问题1Windows上运行vue提示无法加载文件表示用户权限不足。 解决方案用管理员身份打开终端输入set-ExecutionPolicy RemoteSigned然后输入y 1.2 基本概念
script部分
export default对象的属性
name组件的名称 components存储template中用到的所有组件 props存储父组件传递给子组件的数据 watch()当某个数据发生变化时触发 computed动态计算某个数据 setup(props, context)初始化变量、函数 ref定义变量可以用.value属性重新赋值 reactive定义对象不可重新赋值 props存储父组件传递过来的数据 context.emit()触发父组件绑定的函数
template部分
slot/slot存放父组件传过来的children。 v-on:click或click属性绑定事件 v-if、v-else、v-else-if属性判断 v-for属性循环:key循环的每个元素需要有唯一的key v-bind:或:绑定属性
style部分
style标签添加scope属性后不同组件间的css不会相互影响。
第三方组件
view-router包实现路由功能。 vuex存储全局状态全局唯一。 state: 存储所有数据可以用modules属性划分成若干模块 getters根据state中的值计算新的值 mutations所有对state的修改操作都需要定义在这里不支持异步可以通过$store.commit()触发 actions定义对state的复杂修改操作支持异步可以通过$store.dispatch()触发。注意不能直接修改state只能通过mutations修改state。 modules定义state的子模块
1.3 项目的API
1. 获取Json Web TokenJWT
地址https://app165.acapp.acwing.com.cn/api/token/ 方法POST 是否验证jwt否 输入参数 username: 用户名 password: 密码 返回结果 access: 访问令牌有效期5分钟 refresh: 刷新令牌有效期14天
2. 刷新JWT令牌
地址https://app165.acapp.acwing.com.cn/api/token/refresh/ 方法POST 是否验证jwt否 输入参数 refresh: 刷新令牌 返回结果 access: 访问令牌有效期5分钟
3. 获取用户列表
地址https://app165.acapp.acwing.com.cn/myspace/userlist/ 方法GET 是否验证jwt否 输入参数无 返回结果返回10个用户的信息
4. 获取某个用户的信息
地址https://app165.acapp.acwing.com.cn/myspace/getinfo/ 方法GET 是否验证jwt是 输入参数 user_id用户的ID 返回结果该用户的信息
5. 获取某个用户的所有帖子
地址https://app165.acapp.acwing.com.cn/myspace/post/ 方法GET 是否验证jwt是 输入参数 user_id用户的ID 返回结果该用户的所有帖子
6. 创建一个帖子
地址https://app165.acapp.acwing.com.cn/myspace/post/ 方法POST 是否验证jwt是 输入参数 content帖子的内容 返回结果result: success
7. 删除一个帖子
地址https://app165.acapp.acwing.com.cn/myspace/post/ 方法DELETE 是否验证jwt是 输入参数 post_id被删除帖子的ID 返回结果result: success
8. 更改关注状态
如果未关注则关注如果已关注则取消关注。
地址https://app165.acapp.acwing.com.cn/myspace/follow/ 方法POST 是否验证jwt是 输入参数 target_id: 被关注的用户ID 返回结果result: success
9. 注册账号
地址https://app165.acapp.acwing.com.cn/myspace/user/ 方法POST 是否验证jwt否 输入参数 username: 用户名 password密码 password_confirm确认密码 返回结果 result: success result: 用户名和密码不能为空 result: 两个密码不一致 result: 用户名已存在
