ＬＷＨＢＬＯＧ

摘要： PM2的使用： 全局安装：npm i pm2 -g 启动项目：pm2 start 脚本名 --name 自定义名称 查看运行项目：pm2 ls 停止项目：pm2 end 自定义名称/id值 重启项目：restart 自定义名称/id值 删除项目：delete 自定义名称/id值 部署项目至服务器： 阅读全文

摘要： 1. vue创建项目后，在入口文件main.js中使用template模板，项目启动时报错You are using the runtime-only build of Vue where the template compiler is not available. Either pre-comp 阅读全文

摘要： 编程式路由导航：不借助router-link实现路由跳转，使路由跳转更灵活。 ① 使用$router上的push和replace方法进行跳转： methods: { test1() { // push可以使得浏览器记住操作 this.$router.push({ name:..., path:... 阅读全文

摘要： 路由传参params： ① 配置路由，声明接收params参数：在path路径以占位符：形式声明参数！ export default new VueRouter({ routes: [{ path: '/father', component: Father, children: [{ name: ' 阅读全文

摘要： Vue路由：vue-router(实现SPA应用) vue-router3 => vue2 vue-router4 => vue3 SPA应用： ① 单页web应用。 ② 整个应用只有一个完整的页面。 ③ 点击页面中的导航链接不会刷新页面，只会做页面的局部更新。 ④ 数据需要通过ajax请求获取。 阅读全文

摘要： getters配置项：加工state中的数据进行使用。（类似于computed） getters和state的关系类似于computed和data的关系 配置： const getters = { demo() { return ... } }, export default new vuex.St 阅读全文

摘要： Vuex：在Vue中实现集中式状态(数据)管理的插件，对vue中多个组件的共享状态进行集中式的管理(读/写)。是专为Vue.js应用开发的状态管理模式+库。可实现任意组件间通信。 多组件共享数据：多组件共享数据，使用全局事件总线，重复方法过多来回读写数据造成冗余。 使用Vuex的时机： ① 多个组件 阅读全文

摘要： 处理跨域：① cors ② JSONP ③ 配置代理服务器 配置代理： 均需要在vue.config.js中进行配置 方法一：直接定义代理服务器转发地址proxy，客户端请求url为代理服务器地址 devServer: { proxy: 'http://localhost:5000' }, 优点：配 阅读全文

摘要： 消息订阅与发布pubsub：实现任意组件间通信 使用步骤： ① 安装pubsub-js：npm i pubsub-js ② 引入：import pubsub from 'pubsub-js' ③ 订阅消息：使用pubsub自带的subscribe方法 methods: {　// subscribe的 阅读全文

摘要： 组件自定义事件：组件间通信方式（适用于子组件传值给父组件） 使用场景：A为父组件，B为子组件。若B想给A传值，则需在A中给B绑定事件。事件的回调要在父组件A中！ 绑定：均在父组件中进行绑定，methods进行定义方法 ① v-on/@xxx：直接进行绑定，名称为methods中方法名 <Demo v 阅读全文