-
Vue 2.x – 命名路由/params传参
5.命名路由 作用:可以简化路由的跳转。 如何使用 给路由命名: { path:'/demo', component:Demo, children:[ { path:'test……
Ne-21 2021-08-28
223 0 0 -
Vue 2.x – 多级路由/query传参
3.多级路由(多级路由) 配置路由规则,使用children配置项: routes:[ { path:'/about', component:About, }, { path:'/home……
Ne-21 2021-08-28
267 0 0 -
Vue 2.x – 路由的基本使用
路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 1.基本使用……
Ne-21 2021-08-27
237 0 0 -
Vue 2.x – 模块化+命名空间
目的:让代码更好维护,让多种数据分类更加明确。 修改store.js const countAbout = { namespaced:true,//开启命名空间 state:{x:1}, mutations: { ...……
Ne-21 2021-08-27
267 0 0 -
Vue 2.x – 四个map生成方法的使用
mapState方法:用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性:sum、school、subject(对象写法) ...mapState(……
Ne-21 2021-08-27
231 0 0 -
Vue 2.x – Vuex插件的使用
1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且……
Ne-21 2021-08-27
256 0 0 -
Vue 2.x – 插槽
插槽 作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 父组件 ===> 子组件 。 分类:默认插槽、具名插槽、作用域……
Ne-21 2021-08-26
236 0 0 -
Vue 2.x – Github小案例
项目结构 ├── node_modules ├── public │ ├── favicon.ico │ ├── css │ │ └── bootstrap.css │ └── index.html ├── src │ ├── assets │ │ └─……
Ne-21 2021-08-26
229 0 0 -
Vue 2.x – vue脚手架配置代理
vue脚手架配置代理 方法一 在vue.config.js中添加如下配置: devServer:{ proxy:"http://localhost:5000" } 说明: 优点:配置简单,请求资……
Ne-21 2021-08-26
242 0 0 -
Vue 2.x – TodoList案例优化(动画与过度)
Vue封装的过度与动画 作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。 图示: 写法: 准备好样式: 元素进入的样式: v-ent……
Ne-21 2021-08-26
242 0 0