其他分享
首页 > 其他分享> > vue体验

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

 

 


 

 

 

标签:username,vue,app,greet,html,体验,输入
来源: https://www.cnblogs.com/songxuelong/p/15690821.html