본문 바로가기

vue.js38

08장 03. 정리 - 어떤 데이터의 값을 바꿀 때 자동으로 계산하고 싶다면 computed 옵션 - Vue 인스턴스의 computed: 에 data: 의 프로퍼티를 사용한 계산식을 준비해두면 프로퍼티 값의 변화가 있을 경우 자동으로 재계산. - 어떤 데이터의 값이 바뀔 때 자동으로 메소드를 재실행 시키는 것은 watch 옵션 - Vue 인스턴스의 watch: 에 data: 의 프로퍼티를 사용한 메소드를 준비해두면 프로퍼티 값이 변할 때 자동으로 재실행. 데이터가 변하면 자동으로 다시 계산 1. HTML에서 표시하고 싶은 곳에 {{ 프로퍼티명 }}으로 작성 {{ taxIncluede }}원 2. Vue 인스턴스의 computed: 에 데이터가 변하면 다시 계산하는 계산식을 준비 computed: { taxIncluded: .. 2023. 5. 15.
08장 02. 데이터의 변화를 감지 : 감지 프로퍼티 보호되어 있는 글 입니다. 2023. 5. 15.
08장 01. 데이터를 사용한 별도 계산 : 산출 프로퍼티 보호되어 있는 글 입니다. 2023. 5. 12.
07장 03. 정리 - Google Charts는 "그래프의 데이터"와 "어떤 그래프를 그릴 것인가를 지정하는 함수"만 준비되면 그래프를 그리는 것이 가능한 라이브러리이다. Google Charts로 그래프를 표시할 때 1. Google Charts 라이브러리를 CDN으로 설치 2. 그래프에 사용할 데이터 준비 const orgdata = [ ['종류', '개수'], ['도시락', 3], ['갈비탕', 4], ['오므라이스', 5], ['짬뽕', 1], ['비빔밥', 3], ['메밀소바', 1] ]; 3. 어떤 그래프를 그릴 것인지 지정할 함수 준비 const data = google.visualization.arrayToDataTable(orgdata); const option = {title: '선호하는 점심', 'is.. 2023. 5. 12.
07장 02. Google Charts와 연동하기 보호되어 있는 글 입니다. 2023. 5. 12.
07장 01. 구글 차트란? 보호되어 있는 글 입니다. 2023. 5. 12.

티스토리툴바