【转载】Vue 电商后台管理系统
转自: https://www.jianshu.com/p/0ef4dc905e07 电商项目概述 如何运行项目 代码地址:Vue 电商后台管理系统 运行服务端接口项目(vue api server) 接口文档地址: https://blo…
记录学习和工作
转自: https://www.jianshu.com/p/0ef4dc905e07 电商项目概述 如何运行项目 代码地址:Vue 电商后台管理系统 运行服务端接口项目(vue api server) 接口文档地址: https://blo…
创建项目 使用 vue-cli 初始化项目 vue create proname 需要 node + webpack + 淘宝镜像 项目目录说明 node modules : 项目依赖目录 public : 一般放置静态资源(图片),需要注…
移动端常用 UI 组件库 Vant Cube UI Mint UI PC 端常用组件库 Element UI IView UI NutUI Element UI 引入全部 main.js import ElementUI from & 03…
<router-link> 的 replace 属性 作用:控制路由跳转时操作浏览器历史记录的模式。 浏览器的历史记录有两种写入方式,分别是 push 和 replace , push 是追加历史记录, replace 是替换当…
query 参数 传参 字符串写法 <router-link :to=" ">跳转</router-link> 对象写法 <router-link :to="{ path:& 03…
什么是 Vue-Router Vue-Router 是 Vue 的一个插件库,专门用来实现 SPA 应用。 什么是 SPA 单页面 Web 应用(single page web application) 整个应用只有一个完整的页面 点击页面…
插槽的作用 让父组件可以向子组件插入 HTML 结构,也是一种组件间的通讯方式,适用于父组件===>子组件。 插槽的分类 默认插槽 // 父组件中 <Category> <div>html 结构</div…
全局事件总线 可以实现任意组件间的通信。 new Vue({ el:& 039; app& 039;, render:h=>h(App), beforeCreate(){ Vue.property.$bus = this; } }) …
编码流程 拆分静态组件:按照功能点拆分,命名不要与 HTML 元素相冲突。 实现动态组件:考虑好数据组件的存放位置,数据是一个组件在用,还是一些组件在用。 1.一个组件在用,放在自身即可。 2.一些组件在用,放在他们共同的父组件上。 实现交…