欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

VUE第三篇 入门后续

发布时间：2024/1/23 编程问答 37 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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第三篇 入门后续的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。