vue

前端 <script> var Main = { methods: { handleSizeChange(val) { console.log(`每页 ${val} 条`); }, handleCurrentChange(val) { console.log(`当前页: ${val}`); } }, data() { return { currentPage1: 5, currentP…

父组件 <Father> <Child visible.sync="showChild" ></Child> </Father> 子组件 // Child 组件 <template> <div class="child-component" v-show="visible"> <i class="icon-close" …

比如我们需要在文件homeView.vue中引用界面文件Aside.Vue 那么我们只需要在homeView.vue想要的地方添加<Aside></Aside> 就好啦 但是其实还有两个地方要注意 但是我在idea里面写的只要写了<Aside></Aside>其他的就自动补全好了 第一个地方 <script>里面添加import 将Asi…

1,安装nodejs 环境安装包下载： http://nodejs.cn/download/ cmd查看版本号： node --version 2其他命令安装 cnpm安装命令: npm install -g cnpm -registry=https://registry.npm.taobao.org cnpm -v 官网： https://www.pnpm.cn/ pnpm安装命令： npm i…

前言： 来继续探究egg的知识，这里来分析下， egg 来作为一个服务端来使用，跟 nginx 一样，egg里面也是支持部署前端的代码的。 目录： 实现效果：egg服务+前端代码 相关资料： 和express一样，egg里面也是有一个专门的地方来发送出来静态资源的文件夹，叫做:  public ,  放在这个文件夹下的是可以直接访问的 。 实现步骤： 1、将我们的项目（jq/js项目），或者是vu…

1. 如果路由要使用history模式，需要将nigix配置为： 1.前端配置： const router = new VueRouter({ mode: "history", base: process.env.BASE_URL, routes, }); 2.nigix配置 server { listen 9903; server_name localhost; location / { roo…

概述 学习本文之前，我们需要弄清楚何为插件？插件其实就是一段扩展程序，主要目的是用于扩展功能。就比如Idea家族和VSCode家族的插件，它们也是一段扩展程序，将其安装到IDE中就可以使用插件里面实现的功能了，Vue中的插件也是这样，通过插件，我们可以为Vue组件扩展功能和变量，并且让代码的可维护性和可扩展性更高，接下来我们看下Vue的插件如何定义和使用。 实例解析 Vue的插件定义和使用都非常简…

VUE3.0 首先，你得拥有vue2.0，然后我们在vue2.0的基础上去升级vue3.0，这一块创建3.0有两个方法，我一一记录。 第一步：使用脚手架自动生成。 //安装或者升级我们的cli npm install -g @vue/cli //这个时候可以查看我的cli的版本 vue --version 如果我的版本在4.5.0以上呢!就可以直接创建项目，如果不在的话，就需要小可爱们升个级。 最…

由于 npm run build 打包发布生产环境时，需要去掉 vconsole 调试器。在vue.config.js文件中加入如下代码： const vConsolePlugin = require('vconsole-webpack-plugin') configureWebpack: config => { //生产环境去掉vconsole调试器 let envFlag = proce…