随笔分类 - vue
摘要：动态路由生成 vue3 stores/index.js import { defineStore } from 'pinia'; export const useRouteStore = defineStore('route', { state: () => ({ dynamicRoutes: fa
阅读全文
摘要：pinia 状态管理器，统一状态管理，组件间通信 state、getter 和 action，我们可以假设这些概念相当于组件中的 data、 computed 和 methods 1 安装 npm install pinia 2 在store/xx.js,写入代码，可以定义多个 import {de
阅读全文
摘要：前端配置 1 axios 安装 cnpm install axios -S main.js中 import axios from 'axios' Vue.prototype.$axios=axios 2 elementui 安装 cnpm install element-ui -S main.js中
阅读全文
摘要：工程化之创建vue项目 清空缓存 npm cache clean --force 搭建vue2的环境 装cnpm 这个包,cnpm替代npm npm install -g cnpm --registry=https://registry.npmmirror.com 安装vue脚手架 cnpm ins
阅读全文
摘要：计算属性 在 Vue 2 中使用 computed 在 Vue 2 中，计算属性是通过 computed 选项来定义的。 示例中，我们定义了一个 fullName 计算属性，它会根据 firstName 和 lastName 的值计算出完整的姓名。 export default { data() {
阅读全文
摘要：生命周期 vue2 钩子函数 描述 beforeCreate 创建Vue实例之前调用 created 创建Vue实例成功后调用（可以在此处发送异步请求后端数据） beforeMount 渲染DOM之前调用 mounted 渲染DOM之后调用，这时候可以向后端发送数据了 beforeUpdate 重新
阅读全文
摘要：指令 v-text 标签内容显示js变量对应的值 <div id="box"> <span v-text="a"></span> <!-- 等同于 --> {{a}} </div> <script> let vm = new Vue({ el: '#box', data: { a: 111 } })
阅读全文
摘要：ref 1 vue2 ref属性 也可以实现组件间通信：子和父都可以实现通信 ref放在标签上，拿到的是原生的DOM节点 ref放在组件上，拿到的是组件对象 ，对象中的数据、函数 都可以直接使用 通过这种方式实现子传父（this.$refs.mychild.text） 通过这种方式实现父传子（调用子
阅读全文
摘要：组件通信 1.父传子 在全局组件中自定义属性：<Child :myname="qname"></Child> 在组件中获取：{{myname}} <div id="app"> <h1>组件使用-父传子-自定义属性</h1> <Child :myname="qname"></Child> </div>
阅读全文
摘要：es6语法总结 1.1 let,const # let 定义变量 # const定义常量 块级作用域 # var 以后尽量少用，函数作用域 # 在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域，所以{}限定不了var声明变量的访问范围。 # ES6 新增了
阅读全文
