본문 바로가기
반응형

전체 글130

http통신 연습(vue) 라이프 사이클 연습 아님 post, get 단순 버튼 사용 식 연습 api는 https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. As of Oct 2022, serving ~1.7 billion requests each month. jsonplaceholder.typicode.com //App.vue [get] //PostList.vue Load Posts {{ errMessage }} {{ post.id }} {{ post.ti.. 2023. 1. 9.
options API vs Composition API (vue.js) options API vs Composition API 2023. 1. 8.
Delete `␍` eslint (prettier/prettier) 해결방법 [.eslintrc.cjs] 파일에 추가 rules: { 'prettier/prettier': [ 'error', { endOfLine: 'auto', }, ], }, /* eslint-env node */ require("@rushstack/eslint-patch/modern-module-resolution"); module.exports = { root: true, extends: [ "plugin:vue/vue3-essential", "eslint:recommended", "@vue/eslint-config-prettier", ], parserOptions: { ecmaVersion: "latest", }, rules: { "prettier/prettier": [ "error", { endOfLin.. 2023. 1. 8.
Components_provide, inject, Dynamic component(2) Provide-Inject 부모컴포넌트에 provide provide: { username: 'scalper' } 해당 값을 전달받을 먼 자식 컴포넌트에게 inject (배열로) export default { name: 'comp-3', inject: ["username"], } 생산성 없는 동적라우팅의 모습 ▼ menu1 menu2 menu3 Dynamic component component라는 태그를 사용해서 다이나믹 컴포넌트를 만들 수 있다. is라는 prop을 넘기게 되고 is에 컴포넌트 이름이 넘겨지게 된다. keep-alive 화면이 전환될 때마다 렌더링되지만, 각 컴포넌트의 내용을 유지시켜준다. 2023. 1. 6.
728x90
반응형

티스토리툴바