Vue 基础

最新推荐文章于 2023-05-17 19:46:30 发布

天鱼地潜

最新推荐文章于 2023-05-17 19:46:30 发布

阅读量135

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/m0_65027670/article/details/126687834

版权

"本文是一篇关于Vue.js的基础教程，重点介绍了Vue作为一款js框架如何简化DOM操作和实现响应式数据驱动。通过一个简单的HTML示例展示了Vue的使用，包括在页面中插入Vue指令{{message}

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

作用是

1.js框架

2.简化dom操作

3.响应式数据驱动

语法来源：继承js，html，css语法

vue最基本框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">  
 {{message}}    
//双引号在这是一种vue的简写的方式，是一种vue指令，可以将其替换为data中                                                           //对应数据，基本格式是{{变量名}}
</div>
</body>

<!--vue开发环境配置，，，必须要有，没有就会无法运行vue-->
<script src="http://cdn.jsdelivr.net/npm/vue/dist/vue.js"> </script>

<script> 
var app=new Vue({
    el:"#app",       //el挂载点。和类选择器作用相似
    data:{message:"你好世界"}  //data数据库
               //基本格式为data:{变量名：基本数据}
})
</script>

</html>