當前位置：
首頁 >
VUE第三篇 入门后续
發布時間：2024/1/23
35
豆豆
生活随笔
收集整理的這篇文章主要介紹了
VUE第三篇 入门后续
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>vue原理探析</title><script src="js/vue.min.js"></script></head><body><!--2.div的設計--><div id="vue_det"><h1>site : {{site}}</h1><h1>url:{{url}}</h1><h1>alexa:{{alexa}}</h1></div><!--3.js的設計,將之前的代碼分解.--><script>//1.數據對象,實際是json格式;var data={site:"CSDN中國",url:"www.csdn.net",alexa:88888};//2.Vue對象的實例，需要實例化,new Vue({})var vm=new Vue({el:'#vue_det',data:data});//3.測試引用是否相同的對象 ；console.log(vm.site===data.site);//從vm進行測試vm.site="www.51cto.com";console.log(data.site);//從data數據端測試data.alexa=9999;console.log(vm.alexa);</script></body>
</html>
Vue 實例還提供了一些有用的實例屬性與方法。它們都有前綴 $，以便與用戶定義的屬性區分開來。
?
?
總結
以上是生活随笔為你收集整理的VUE第三篇 入门后续的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端框架 渐进式框架
- 下一篇： VUE第四篇 模板