안녕하세요! computed-usage.html을 보고 질문이 있습니다. <p v-bind:class="warning">Hello</p>로 변경하면 warning이 red니까 빨간색으로 나와야하는 것 아닌가요? 그대로 검정색으로 나와서 질문드립니다..!

안녕하세요^^   v-bind, 콧수염 태그, v-model 관련해서 헷갈리는 부분이 있어 질문 드립니다.   1. v-bind와 {{ }} 는 Vue data 속성의 변수값을 html 에 표시하는 단방향 연결이고, v-model 은 Vue data 속성의 변수값과 DOM 입력값의 양방향 연결인가요?   1-1. v-bind는 html 태그의 속성에 사용하고 (컴포넌트 포함), {{ }} 는 태그의 컨텐트에 사용하는건가요? <p class="{{ name }}"></p> 이련 식으로는 안되더라구요.     2. Vue data 속성의 변수값과 html 태그 속성을 양방향으로 연결하는 방법은 없나요? 예를 들어, <p v-bind:class="name"></p> 에서 class 속성 값이 바뀌면 name 변수값도 바뀌게요.. (v-model 처럼) p 태그에는 v-model을 사용할 수 없는건가요?

검색을 하다보면 2가지 경우가 있다고 보는데요  첫번째는 모든리스트를 보여주고 원하는 것만 찾을때이구요 두번째는 원하는 정보를 찾은후 다시 모든정보를 보려고 할때라고 생각이 드는데요 :disabled 부분에 2가지 조건을 넣을수 있을까요? 검색어가 없거나 검색한기록이 없을때 비활성화 되는 방식이가능할까 궁금해서요

<template> <div> <img :src="url" /> </div> </template> <script> export default { name:'', components : {}, data(){ return { url: '../assets/logo.png' }; }, setup(){}, created(){}, mounted(){}, methods: { }, } </script> <style scoped> </style> 처음에 vue프로젝스를 시작할때 이미지 파일이 있어서 이거를 url로 넣고 바인딩을 시도 했는데 브라우저에 화면이 나오지 않는 현상이 있는데요 모든 컴포넌트는 같은 위치에 있어서 경로가 틀렸다고 생각하지 않는데 이건 왜그런걸까요? 추가로 이미지에 바로 경로를 넣어 주었을때는 정상적으로 이미지가 나오고 있습니다.