vue学习(一)初步了解 vue实例
生活随笔
收集整理的這篇文章主要介紹了
vue学习(一)初步了解 vue实例
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
//html:
<div id="app">
<p>{{msg}}<p>
</div>
//script 需要引入jar包vue-2.4.0.js
<script>
var vm = new Vue({
el:'app'
data:{
msg:'hello,vue'
}
})
</sctipt>
<div id="app">
<p>{{msg}}<p>
</div>
//script 需要引入jar包vue-2.4.0.js
<script>
var vm = new Vue({
el:'app'
data:{
msg:'hello,vue'
}
})
</sctipt>
說明:
p標(biāo)簽中的兩個(gè)大括號(hào) 叫做 插值表達(dá)式,顧名思義就是 插入值用的
vue對(duì)象中的el 就是為了表示 new的這個(gè)vue對(duì)象是用來控制頁(yè)面上的那個(gè)區(qū)域。
data中存放的是el中要使用到的數(shù)據(jù)。另外說一點(diǎn) 頁(yè)面中需要用到的數(shù)據(jù)都需要在data中聲明出來
vue不提倡我們操作dom節(jié)點(diǎn)。
轉(zhuǎn)載于:https://www.cnblogs.com/xuchao0506/p/10803181.html
總結(jié)
以上是生活随笔為你收集整理的vue学习(一)初步了解 vue实例的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C# 字符串按设置的格试在前面或后面增加
- 下一篇: Vue parse之 从template