Vue模板语法

最新推荐文章于 2024-04-11 03:26:48 发布

拥有18K梦的程序员

最新推荐文章于 2024-04-11 03:26:48 发布

阅读量269

点赞数 1

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_65271279/article/details/128446907

版权

一、vue的介绍

Vue(发音为 /vjuː/，类似 view) 是一款用于构建用户界面的渐进式的基于MVVM构架模式的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

1、vue框架开发方式：不再直接操作dom结点，直接操作数据，数据变量，界面自动更新。

2、MVVM：MVVM由三部分组成，分别是Model（数据模型）、View（视图）、ViewModel（视图模型）：将数据模型与视图连接，实现数据变化，界面视图自动更新

二、创建一个vue

方式一

const app = Vue.createApp({})//创建vue应用

app.mount('#app') // 挂载到指定div节点下显示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入一个vue -->
    <script src="./tools/vue.global.js"></script>
</head>
<body>
    <div id="app"></div>
    <script>
        //创建vue应用
        const app = Vue.createApp({
            data(){
                return{
                    message:'helloworld'
                }
            },
            template:`<p>{
  {message}}</p>`
        })
        app.mount('#app')
    </script>
</body>
</html>

方式二

最低0.47元/天解锁文章

拥有18K梦的程序员

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
Vue模板语法

Vue(发音为 /vjuː/，类似 view) 是一款用于构建用户界面的渐进式的基于MVVM构架模式的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。1、vue框架开发方式：不再直接操作dom结点，直接操作数据，数据变量，界面自动更新。
复制链接

扫一扫