首页 / VUE / 1_vue学习记录

1_vue学习记录

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了1_vue学习记录，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含929字，纯文字阅读大概需要2分钟。

内容图文

阅读这一章。

每个vue应用，都需要通过实例化vue来实现。

这句话就是说，想要在html当中用vue，都要创建vue对象。

这篇文章里，主要是读这一篇代码：

        <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
    <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
</head>
<body>
    <div id="vue_det">
        <h1>site : {{site}}</h1>
        <h1>url : {{url}}</h1>
        <h1>{{details()}}</h1>
    </div>
    
    <script type="text/javascript">
        var vm = new Vue({
            el: '#vue_det',
            data: {
                site: "菜鸟教程",
                url: "www.runoob.com",
                alexa: "10000"
            },
            methods: {
                details: function() {
                    return  this.site + " - 学的不仅是技术，更是梦想！";
                }
            }
        })
    </script>
</body>
</html>

第一个点

el是什么意思？element的意思，元素的意思。

第二个点

data是用来定义属性的，methods是用来定义方法函数的。

{{}}是用来引用vue对象的属性和方法函数返回值的。

总结

vue的用法，就是在javascript当中弄个对象。

原文：https://www.cnblogs.com/gnuzsx/p/11964739.html

内容总结

以上是互联网集市为您收集整理的1_vue学习记录全部内容，希望文章能够帮你解决1_vue学习记录所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1291853.html

来源：【匿名】