vue学习(一)初步了解 vue实例
生活随笔
收集整理的這篇文章主要介紹了
vue学习(一)初步了解 vue实例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
//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標簽中的兩個大括號 叫做 插值表達式,顧名思義就是 插入值用的
vue對象中的el 就是為了表示 new的這個vue對象是用來控制頁面上的那個區域。
data中存放的是el中要使用到的數據。另外說一點 頁面中需要用到的數據都需要在data中聲明出來
vue不提倡我們操作dom節點。
轉載于:https://www.cnblogs.com/xuchao0506/p/10803181.html
總結
以上是生活随笔為你收集整理的vue学习(一)初步了解 vue实例的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C# 字符串按设置的格试在前面或后面增加
- 下一篇: 【Linux就该这么学 20期培训笔记