Web Programiranje

  • Home
  • Tehnologije i alati
    • Back
    • Instalacija alata za web development
    • Domen i hosting
    • npm & yarn osnove
    • GIT
      • Back
      • Git osnove i instalacija
      • Git naredbe
      • Git submodul
    • Objektno orjentisano programiranje – OOP
    • JSON (format za razmenu podataka)
    • Binarni sistem
    • Docker: Pokretanje aplikacija svuda
    • Baze podataka
      • Back
      • Sistemi za upravljanje SQL bazama (DBMS)
      • SQL osnovne naredbe (upiti)
    • Osnove linux-a za web developere
    • Šta je “Dependencies injection”?
    • Šta je SCRUM?
    • Web servisi (osnove)
    • Mrežni protokoli (osnove)
    • Mobilne aplikacije
      • Back
      • Razvoj mobilnih aplikacija
      • Hibridne mobilne aplikacije
    • Chrome DevTools
  • HTML
    • Back
    • Uvod u osnove HTML-a
    • Osnovni HTML tagovi
    • HTML tagovi za grupisanje sadržaja
    • Strukturno obeležavanje (Structured Data)
  • CSS
    • Back
    • CSS selektori
    • Box model
    • Pozicioniranja sadržaja sa CSS-om (osnove)
    • Stilizovanje i pozicioniranje teksta u kontejneru sa CSS-om
    • Animacija
      • Back
      • Uvod u animaciju sa CSS-om
      • Animacija sa CSS svojstvom “transition”
      • Animacija sa CSS svojstvom “animation”
  • JavaScript
    • Back
    • Osnove
      • Back
      • Scope (oblast definisanosti promenjive)
      • Šta je hoisting?
      • Tipovi podataka u JavaScriptu
      • Konverzija tipova u JavaScript-u
      • JavaScript operatori
      • Metode za rad sa nizovima
      • Značenje operatora “this” u JavaScript-u
      • Petlje i iteracije u JavaScript-u
      • JS snippets
        • Back
        • JS snippets u radu sa DOM-om
        • JS snippets u radu sa nizovima
        • JS snippets razno (tips & tricks)
    • Napredni koncepti
      • Back
      • Novi JavaScript standardi
        • Back
        • Pregled novih JS standarda: ES2015, ES2016…
        • let & const
        • Arrow funkcija
        • Podrazumevane vrednosti parametara funkcije
        • Nove metode za rad sa nizovima
        • “Object literal” poboljšanja
        • Eksponencijalni operator **
        • Novi tipovi podataka Map, Set & Symbol
        • Iteratori & Generatori
        • Spread & Rest operator
        • Destruktuiranje u JavaScriptu
      • Šta su JavaScript closure?
      • Sve o događajima u JavaScriptu
        • Back
        • Dogadjaji u JavaScript-u (JS Events)
        • Pregled ugradjenih dogadjaja u JS
        • Pregled svojstava event objekta
      • Sve o objektima kreiranje, nasledjivanje…
        • Back
        • Svojstva i metode konstruktorske f-je Object()
        • 1001 način kreiranja objekata u JavaScriptu
        • Prototipsko nasledjivanje
        • Klase u JavaScript-u
      • JavaScript-a i njegovo okruženje
        • Back
        • Simbioza JavaScripta i njegovog okruženja
        • Pregled objekata ugradjenih u JavaScript
        • Pregled objekata ugradjenih u okruženje (Browser & node) tzv. Web API
      • Modularno programiranje u JavaScript-u
        • Back
        • Uvod u modularno programiranje
        • Modularno programiranje sa ES5
        • Modularno programiranje – eksterna sintaksa (AMD & CommonJS)
        • Modularno programiranje sa ES6
      • Asinhroni JavaScript
        • Back
        • Princip rada asinhronog JavaScript-a
        • Cross Domain DATA Request
        • AJAX sa plain JavaScript-om
        • Prikupljanje podataka iz forme sa FormData interfejsom
        • Promise (osnove)
        • “Async/Await” sintaksa za bolje “Promise”
      • (Ne)moguće greške u JavaScript-u
  • Vue.js
    • Back
    • Šta je Vue.js?
    • Instalacija Vue.js
    • Svojstva Vue instance
    • Pristup svojstvima Vue.js instance
    • Životni ciklus Vue.js instance/komponente
    • HTML interpolacija u okviru Vue.js
    • Direktive
      • Back
      • Šta su Vue.js direktive
      • Direktiva v-bind:
      • Direktiva v-on:
      • Direktiva v-model
      • Direktiva v-for
      • Direktiva v-if
      • Direktive v-show & v-once & v-cloak
      • Direktive v-text & v-html & v-pre
      • Custom Vue direktive
    • Filtriranje sa Vue.js
    • Vue komponente
      • Back
      • Šta su Vue.js komponente?
      • Komunikacija izmedju komponenti tip “parent – child”
      • Komunikacija izmedju susednih komponenti
      • Prosledjivanje sadržaja sa slot elementom
      • Dinamičke komponente
    • Vue.js mixin
    • Animacija sa Vue.js
      • Back
      • Osnove animacije sa Vue.js
      • Tranzicija pri zameni elemenata sa Vue.js
      • Animacija više elemenata odjednom “transition-group”
    • Rutiranje sa Vue.js
      • Back
      • Osnove rutiranja sa Vue.js
      • Karakteristike i specifičnosti ruta
  • Node.js
    • Back
    • Node osnove
      • Back
      • Uvod u Node.js
      • Node.js – Globalni objekat i Moduli
      • Promenjive okruženja = ENV variable
      • Node.js Buffers
      • Node.js File system
      • Node.js Streams
      • Šta je Socket?
      • Node.js – EventEmitter
      • Kreiranje servera sa Node.js
      • Node starter projekat (TypeScript + Docker)
    • Nest.js
      • Back
      • Uvod u Nest.js
      • Nest.js kontroleri
      • Validacija podataka u NestJS-u korišćenjem “Pipe”
      • Dependency injection u Nest.js
  • WordPress
    • Back
    • Instalacija WordPress-a
    • WordPress hijerarhija i struktura
    • WordPress udice (hooks)
    • WordPress upiti (query)
    • WordPress petlje (loop)
    • WordPress Custom Fields
    • WordPress Custom Post Type
    • WordPress Custom Meta Box
    • WordPress Custom Taxonomy
    • WordPress Shortcode (osnove)
    • WordPress Widget
    • Prevodjenje teme ili plugina
  • Android
    • Back
    • Aktivnost u okviru android operativnog sistema
    • Fragment u okviru androida
    • Konvertovanje XML resursa u View objekat (“Layout Inflating”)
    • Adapter kao veza izmedju podataka i prikaza
      • Back
      • ArrayAdapter (osnovni android adapter)
      • Custom ArrayAdapter u Androidu
      • Adapter za RecyclerView
      • Popunjavanje ViewPager-a koristeći PagerAdapter
    • Kreiranje menija kod android aplikacija
    • Uvod u asinhrone operacije i multithreading Androida
    • Kreiranje custom listenera u Androidu (listener pattern)
    • MVVM arhitektura
      • Back
      • Uvod u MVVM arhitekturu
      • LiveData & MVVM
    • Rad sa SQLite bazom
      • Back
      • Rad sa SQLite bazom u Androidu (bez pomoćnih biblioteka)
      • Rad sa SQLite bazom u Androidu uz pomoć Room bibiloteke
  • Home
  • Tehnologije i alati
    • Instalacija alata za web development
    • Domen i hosting
    • npm & yarn osnove
    • GIT
      • Git osnove i instalacija
      • Git naredbe
      • Git submodul
    • Objektno orjentisano programiranje – OOP
    • JSON (format za razmenu podataka)
    • Binarni sistem
    • Docker: Pokretanje aplikacija svuda
    • Baze podataka
      • Sistemi za upravljanje SQL bazama (DBMS)
      • SQL osnovne naredbe (upiti)
    • Osnove linux-a za web developere
    • Šta je “Dependencies injection”?
    • Šta je SCRUM?
    • Web servisi (osnove)
    • Mrežni protokoli (osnove)
    • Mobilne aplikacije
      • Razvoj mobilnih aplikacija
      • Hibridne mobilne aplikacije
    • Chrome DevTools
  • HTML
    • Uvod u osnove HTML-a
    • Osnovni HTML tagovi
    • HTML tagovi za grupisanje sadržaja
    • Strukturno obeležavanje (Structured Data)
  • CSS
    • CSS selektori
    • Box model
    • Pozicioniranja sadržaja sa CSS-om (osnove)
    • Stilizovanje i pozicioniranje teksta u kontejneru sa CSS-om
    • Animacija
      • Uvod u animaciju sa CSS-om
      • Animacija sa CSS svojstvom “transition”
      • Animacija sa CSS svojstvom “animation”
  • JavaScript
    • Osnove
      • Scope (oblast definisanosti promenjive)
      • Šta je hoisting?
      • Tipovi podataka u JavaScriptu
      • Konverzija tipova u JavaScript-u
      • JavaScript operatori
      • Metode za rad sa nizovima
      • Značenje operatora “this” u JavaScript-u
      • Petlje i iteracije u JavaScript-u
      • JS snippets
        • JS snippets u radu sa DOM-om
        • JS snippets u radu sa nizovima
        • JS snippets razno (tips & tricks)
    • Napredni koncepti
      • Novi JavaScript standardi
        • Pregled novih JS standarda: ES2015, ES2016…
        • let & const
        • Arrow funkcija
        • Podrazumevane vrednosti parametara funkcije
        • Nove metode za rad sa nizovima
        • “Object literal” poboljšanja
        • Eksponencijalni operator **
        • Novi tipovi podataka Map, Set & Symbol
        • Iteratori & Generatori
        • Spread & Rest operator
        • Destruktuiranje u JavaScriptu
      • Šta su JavaScript closure?
      • Sve o događajima u JavaScriptu
        • Dogadjaji u JavaScript-u (JS Events)
        • Pregled ugradjenih dogadjaja u JS
        • Pregled svojstava event objekta
      • Sve o objektima kreiranje, nasledjivanje…
        • Svojstva i metode konstruktorske f-je Object()
        • 1001 način kreiranja objekata u JavaScriptu
        • Prototipsko nasledjivanje
        • Klase u JavaScript-u
      • JavaScript-a i njegovo okruženje
        • Simbioza JavaScripta i njegovog okruženja
        • Pregled objekata ugradjenih u JavaScript
        • Pregled objekata ugradjenih u okruženje (Browser & node) tzv. Web API
      • Modularno programiranje u JavaScript-u
        • Uvod u modularno programiranje
        • Modularno programiranje sa ES5
        • Modularno programiranje – eksterna sintaksa (AMD & CommonJS)
        • Modularno programiranje sa ES6
      • Asinhroni JavaScript
        • Princip rada asinhronog JavaScript-a
        • Cross Domain DATA Request
        • AJAX sa plain JavaScript-om
        • Prikupljanje podataka iz forme sa FormData interfejsom
        • Promise (osnove)
        • “Async/Await” sintaksa za bolje “Promise”
      • (Ne)moguće greške u JavaScript-u
  • Vue.js
    • Šta je Vue.js?
    • Instalacija Vue.js
    • Svojstva Vue instance
    • Pristup svojstvima Vue.js instance
    • Životni ciklus Vue.js instance/komponente
    • HTML interpolacija u okviru Vue.js
    • Direktive
      • Šta su Vue.js direktive
      • Direktiva v-bind:
      • Direktiva v-on:
      • Direktiva v-model
      • Direktiva v-for
      • Direktiva v-if
      • Direktive v-show & v-once & v-cloak
      • Direktive v-text & v-html & v-pre
      • Custom Vue direktive
    • Filtriranje sa Vue.js
    • Vue komponente
      • Šta su Vue.js komponente?
      • Komunikacija izmedju komponenti tip “parent – child”
      • Komunikacija izmedju susednih komponenti
      • Prosledjivanje sadržaja sa slot elementom
      • Dinamičke komponente
    • Vue.js mixin
    • Animacija sa Vue.js
      • Osnove animacije sa Vue.js
      • Tranzicija pri zameni elemenata sa Vue.js
      • Animacija više elemenata odjednom “transition-group”
    • Rutiranje sa Vue.js
      • Osnove rutiranja sa Vue.js
      • Karakteristike i specifičnosti ruta
  • Node.js
    • Node osnove
      • Uvod u Node.js
      • Node.js – Globalni objekat i Moduli
      • Promenjive okruženja = ENV variable
      • Node.js Buffers
      • Node.js File system
      • Node.js Streams
      • Šta je Socket?
      • Node.js – EventEmitter
      • Kreiranje servera sa Node.js
      • Node starter projekat (TypeScript + Docker)
    • Nest.js
      • Uvod u Nest.js
      • Nest.js kontroleri
      • Validacija podataka u NestJS-u korišćenjem “Pipe”
      • Dependency injection u Nest.js
  • WordPress
    • Instalacija WordPress-a
    • WordPress hijerarhija i struktura
    • WordPress udice (hooks)
    • WordPress upiti (query)
    • WordPress petlje (loop)
    • WordPress Custom Fields
    • WordPress Custom Post Type
    • WordPress Custom Meta Box
    • WordPress Custom Taxonomy
    • WordPress Shortcode (osnove)
    • WordPress Widget
    • Prevodjenje teme ili plugina
  • Android
    • Aktivnost u okviru android operativnog sistema
    • Fragment u okviru androida
    • Konvertovanje XML resursa u View objekat (“Layout Inflating”)
    • Adapter kao veza izmedju podataka i prikaza
      • ArrayAdapter (osnovni android adapter)
      • Custom ArrayAdapter u Androidu
      • Adapter za RecyclerView
      • Popunjavanje ViewPager-a koristeći PagerAdapter
    • Kreiranje menija kod android aplikacija
    • Uvod u asinhrone operacije i multithreading Androida
    • Kreiranje custom listenera u Androidu (listener pattern)
    • MVVM arhitektura
      • Uvod u MVVM arhitekturu
      • LiveData & MVVM
    • Rad sa SQLite bazom
      • Rad sa SQLite bazom u Androidu (bez pomoćnih biblioteka)
      • Rad sa SQLite bazom u Androidu uz pomoć Room bibiloteke
v-pre Archives | Web Programiranje

Direktive v-text & v-html & v-pre

Posted on 10/05/2018 at 07:09.Written by Dragoljub Živanović

v-text

Ova direktiva prihvata kao argument promenjivu koja predstavlja tekst sa kojim treba da se ažurira ceo sadržaj taga. Ima istu funkcionalnost kao interpolacija string-a.

See the Pen v-text by Web programiranje (@chos) on CodePen.


vue.js
Continue reading…

Tags: javascript, v-html, v-pre, v-text, Vue.js


Pratite nas:
Budite obavešteni o novim člancima!

Pratite nas
Pretražite sajt
Tags
AMD Android animacija animation arrow function baza podataka Browserify class CommonJS CSS Docker Emmet ES6 ES2015 event event loop every() Git Grunt Heap HTML javascript let map modularno programiranje MySql nasledjivanje Nest.js node.js npm Object.create() PHP Storm POEdit Queue SASS snippets sql SQLite Stack transition Vue Vue.js Webpack Web tehnologije WordPress