初识Vue.js

A servant

于 2022-08-19 11:17:54 发布

阅读量234

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_66307949/article/details/126421158

版权

创建文件夹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对象，然后进行一系列的节点操作