pinia学习笔记
2024-05-241、创建项目(vite vue ts)pnpm create vite2、安装piniayarn add pinia3、使用1、引入注册main.tsimport { CreateApp } from 'vue'import App from './App.vue'import { CreatePinia } from 'pinia'const pinia = createPinia()const app=createApp(App)app.use(pinia).mo_import { storetorefs } from 'pinia
Vue3全家桶 - Vue3 - 【6】组件(注册组件 组件通信 透传属性和事件 插槽 单文件CSS 依赖注入)
2024-04-19组件一、 注册组件1.1 ❌ 全局注册目标文件:main.js;语法:import { CreateApp } from 'vue'import App from './App.vue'const app = createApp(App)// 全局注册app.component('组件名字', 需要注册组件)app.mount('#app')缺陷:全局注册,但并没有被使用的组件无法生产打包时被自动移除(也叫tree-shaking)。如果,你全局注册了一个组件,即使它并没有_vue3 注册组件
vue3,echarts图表的使用
2024-04-19首先是先引入echarts图表第一步: 安装npm install echarts --save在main.js引入import { CreateApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'import axios from 'axios'import * as echarts from 'echarts' const _vue3 echarts
vue ts的pinia使用教程 常用实际开发方法
2024-04-03加入了pinia持久化存储pinia-plugin-persistedstate 在demo.ts文件中加入persist: true,其余可保持不变。将引入的import { CreatePinia } from 'pinia’修改为import store from ‘@/store’app.use(pinia) 修改为app.use(store)在src文件下创建store文件夹,在文件夹中新建ts文件。2、在main.ts中注册安装pinia。对象,方便在模板中使用。只会将数据做转换,而。_ts pinia