vue体验

2021/12/15 6:49:43

本文主要是介绍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体验的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程