vue之声明式渲染

站长手记 作者: 2024-08-27 17:20:01
vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统

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


例如下面例子:

在Vue对象中声明Message这个变量,那么在页面上就可以渲染Message的数据到页面上显示,这就是vue的声明式渲染


<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }
        }) debugger </script> </head> <body> <div id="app">  {{ message }} </div> </body> </html>
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69662.html
vue 声明式渲染