一、VUE学习笔记-vue的简单介绍

IT云私塾

于 2018-05-16 11:18:11 发布

阅读量232

点赞数

分类专栏： VUE 文章标签： VUE

本文链接：https://blog.csdn.net/m0_37867405/article/details/80334380

版权

本文是Vue学习笔记的第一部分，主要介绍了Vue的起步，包括渲染节点数据、开发ToList应用，特别是组件化的ToList及子组件如何向父组件传值。涉及的概念有数组遍历、双向数据绑定和事件绑定。

摘要由CSDN通过智能技术生成

一、vue起步
- 1.渲染节点数据
- 2.开发简单的ToList
  - 2.2组件化ToList
  - 2.3子组件向父组件传值

一、vue起步

开发版下载

1.渲染节点数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello world</title>
    <script type="text/javascript" src="./vue.js"></script>
</head>
<body>
    <div id="app">{
  {content}}</div>
</body>
    <script type="text/javascript">
        var vue = new Vue({
            el  : '#app',
            data    : {
                content:'hello world 世界你好'
            }
        });
    </script>
</html>

<script type="text/javascript">
        var app = new Vue({
            el  : '#app',
            data    : {
                content:'hello world 世界你好'
            }

        });
        //定时任务
        setTimeout(function() {
    
            app.$data.content = 'I like java';
        },2000)
</script>