vue体验

2021/12/15 6:49:43

编程Tag： vue html APP 输入 username 体验 greet

本文主要是介绍vue体验，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.创建工作区

2.点击添加文件

3.新建一个html文件，并输入!+tab 自动生成html结构

4.输入div#app，生成头部

<!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"> <script src="https://unpkg.com/vue/dist/vue.js"></script>
<title>VUE体验</title> </head>
<body> <div id="app"> <p>{{username}}</p> <p>{{greet()}}</p> <button @click="username='你也好'">更改按钮</button> </div> <script> new Vue({ el: "#app", data:{ username : "你好" }, methods:{ greet(){ return "我是函数" } } }
) </script> </body> </html>

需要下载这个插件open in browser

这篇关于vue体验的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

vue体验

相关编程文章