vue实现一个tabba组件的封装
摘要:封装方式一 1 文件结构 2文件代码 2.1 src\App.vue <template> <div id="app"> <!-- <img src="./assets/logo.png"> <HelloWorld/>--> <router-view></router-view> <tab-bar
阅读全文
vue-router 与keep-alive的使用
摘要:1 需求: 在页面上有一个列表,我们希望当点到别的路由再点回来时,列表还是上一次点开这个选择的那个列表 2 实现 2.1 删除默认的路由重定向 { path:'/home', component:Home, meta:{ title:'首页' }, children:[ /* { path: '/h
阅读全文
vue-router 的使用。
摘要:src\router\index.js // 配置路由相关信息 import VueRouter from 'vue-router' import Vue from 'vue' import Home from "../components/Home" import About from "../c
阅读全文
webpack配置文件的分离 和webpack-merge的使用
摘要:开发时和生产时的配置不同,我们需要将两者分开配置 1安装webpack-merge 用于将配置文件进行合并 npm install webpack-merge 2配置(手动指定config) package.json "scripts": { "test": "echo \"Error: no te
阅读全文
.vue文件的封装处理
摘要:原本的js对象编写过于繁琐,我们用.vue组件来拆分。 即,把app.js文件拆分为App.vue和Cpn.vue 1安装vue-loader 和 vue-template-compiler npm install vue-loader vue-template-compiler --save-de
阅读全文
WebStorm的安装与配置
摘要:下载与安装 1 下载 链接:https://pan.baidu.com/s/1CZsfUVYD8vhBNqVAH5CI0A 提取码:v7tr 2 安装 2.1 启动你的IDE,如果上来就需要注册,选择:试⽤(Evaluate for free)进⼊IDE 2.2 将 jetbrains-agent.
阅读全文