初识Vue.js

创建文件夹vue_pro

创建文件夹vuejs,将vue.min.js引入文件夹

创建 hello.html

<body>
    <script src="vue.min.js"></script> //引入vue.min.js
    <div id="app">
        <!-- 插值表达式-->
        {{message}}
    </div>
<script>
//需要vue帮我们管理, el:指定渲染到哪个元素中, data:需要用的数据,用的时候'#app'标签中两个大括号去引用它
        new Vue({
            el:'#app',
            data: {
                message:'hello vue'
            }
        })
    </script>
</body>

这就是声明式渲染:Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统

这里的核心思想就是没有繁琐的DOM操作,例如jQuery中,我们需要先找到div节点,获取到DOM对象,然后进行一系列的节点操作

data: {
message: 'Hello Vue!'
}


版权声明:本文为weixin_66307949原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。