随笔分类 - vue基础
vue 2 和vue3 的摘选 基础篇
摘要:let routeData = this.$router.resolve({ path: 'abc', query: { a:1 } }) window.open(routeData.href, '_blank')
阅读全文
摘要:Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/re
阅读全文
摘要:1. 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 2. 前端路由:key是路径,value是组件。 ### 1.基本使用 1. 安装vue-router,命令:```npm i vue-router``` 2. 应用插件:`
阅读全文
摘要:1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 2.何时使用? 多个组件需要共享数据时 (有时候也会把网络请求写在vuex 的action 方法中,减少vue页面的
阅读全文
摘要:1、vue 的ref属性 1. 功能:被用来给元素或子组件注册引用信息(id的替代者) 2. 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 3. 使用方式: 1. 打标识:```<h1 ref="xxx">.....</h1>``` 或 ```<School r
阅读全文
摘要:脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件
阅读全文