模板語法
阿新 • • 發佈:2017-05-26
col bsp data dom 組件 聲明式 window 改變 核心
Vue.js 使用了基於 HTML 的模版語法,允許開發者聲明式地將 DOM 綁定至底層 Vue 實例的數據。
Vue.js 的核心是一個允許你采用簡潔的模板語法來聲明式的將數據渲染進 DOM 的系統。
結合響應系統,在應用狀態改變時, Vue 能夠智能地計算出重新渲染組件的最小代價並應用到 DOM 操作上。
插值
文本
<div id="app"> <p>{{ message }}</p> </div>
window.onload = function(){ new Vue({ el:‘#app‘, data: { message: "hello jiao" } }); }
註意:
如果腳本是引入的外部腳本,vue的語句得放到window.onload()中
創建的Vue對象首字母要大寫,否則會提示找不到這個變量
HTML
<div id="app"> <div v-html="message"></div> </div>
window.onload = function(){ new Vue({ el:‘#app‘, data: { message: "<h1>hello jiao</h1>" } }); }
模板語法