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