摘要: PM2的使用: 全局安装:npm i pm2 -g 启动项目:pm2 start 脚本名 --name 自定义名称 查看运行项目:pm2 ls 停止项目:pm2 end 自定义名称/id值 重启项目:restart 自定义名称/id值 删除项目:delete 自定义名称/id值 部署项目至服务器: 阅读全文
posted @ 2022-11-06 14:10 HM-7 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 1. vue创建项目后,在入口文件main.js中使用template模板,项目启动时报错You are using the runtime-only build of Vue where the template compiler is not available. Either pre-comp 阅读全文
posted @ 2022-11-02 09:55 HM-7 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 编程式路由导航:不借助router-link实现路由跳转,使路由跳转更灵活。 ① 使用$router上的push和replace方法进行跳转: methods: { test1() { // push可以使得浏览器记住操作 this.$router.push({ name:..., path:... 阅读全文
posted @ 2022-10-29 10:50 HM-7 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 路由传参params: ① 配置路由,声明接收params参数:在path路径以占位符:形式声明参数! export default new VueRouter({ routes: [{ path: '/father', component: Father, children: [{ name: ' 阅读全文
posted @ 2022-10-28 09:03 HM-7 阅读(22) 评论(0) 推荐(0) 编辑
摘要: Vue路由:vue-router(实现SPA应用) vue-router3 => vue2 vue-router4 => vue3 SPA应用: ① 单页web应用。 ② 整个应用只有一个完整的页面。 ③ 点击页面中的导航链接不会刷新页面,只会做页面的局部更新。 ④ 数据需要通过ajax请求获取。 阅读全文
posted @ 2022-10-27 15:58 HM-7 阅读(19) 评论(0) 推荐(0) 编辑
摘要: getters配置项:加工state中的数据进行使用。(类似于computed) getters和state的关系类似于computed和data的关系 配置: const getters = { demo() { return ... } }, export default new vuex.St 阅读全文
posted @ 2022-10-26 11:40 HM-7 阅读(17) 评论(0) 推荐(0) 编辑
摘要: Vuex:在Vue中实现集中式状态(数据)管理的插件,对vue中多个组件的共享状态进行集中式的管理(读/写)。是专为Vue.js应用开发的状态管理模式+库。可实现任意组件间通信。 多组件共享数据:多组件共享数据,使用全局事件总线,重复方法过多来回读写数据造成冗余。 使用Vuex的时机: ① 多个组件 阅读全文
posted @ 2022-10-24 14:19 HM-7 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 处理跨域:① cors ② JSONP ③ 配置代理服务器 配置代理: 均需要在vue.config.js中进行配置 方法一:直接定义代理服务器转发地址proxy,客户端请求url为代理服务器地址 devServer: { proxy: 'http://localhost:5000' }, 优点:配 阅读全文
posted @ 2022-10-23 10:58 HM-7 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 消息订阅与发布pubsub:实现任意组件间通信 使用步骤: ① 安装pubsub-js:npm i pubsub-js ② 引入:import pubsub from 'pubsub-js' ③ 订阅消息:使用pubsub自带的subscribe方法 methods: { // subscribe的 阅读全文
posted @ 2022-10-22 10:37 HM-7 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 组件自定义事件:组件间通信方式(适用于子组件传值给父组件) 使用场景:A为父组件,B为子组件。若B想给A传值,则需在A中给B绑定事件。事件的回调要在父组件A中! 绑定:均在父组件中进行绑定,methods进行定义方法 ① v-on/@xxx:直接进行绑定,名称为methods中方法名 <Demo v 阅读全文
posted @ 2022-10-21 15:44 HM-7 阅读(22) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示