vue学习-001
2021/11/18 6:10:33
本文主要是介绍vue学习-001,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<!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> <script src="../js/vue.js"></script> </head> <body> <div id="app"> <h1>{{message}}</h1> <h1>{{tags}}</h1> <ul> <li v-for="tag in tags">{{tag}}</li> </ul> <h1>{{log}}</h1> <button v-on:click="bt1">bt1</button> <button @click="log='271'">bt2</button> </div> <script> //全局配置 const HelloApp = { data() { //定义数据 return { message: 'hello door', tags: ["mid","top","left"], log: '' } }, methods: { bt1() { this.log='ppts' } } } //实例对象 const app = Vue.createApp(HelloApp).mount('#app') </script> </body> </html>
这篇关于vue学习-001的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-27使用js将ETH账户的资产打散其他账户web3
- 2024-09-27我轻松地将我的 React.js 应用程序翻译成了多种语言。下面是我是如何做到的... ??
- 2024-09-27?? 使用 useMemo 和 useCallback 加速 React:告别缓慢的重新渲染!??
- 2024-09-27Vue CLI多环境配置教程:新手入门指南
- 2024-09-27Vue CLI多环境配置教程:快速入门指南
- 2024-09-27Vue CLI教程:新手入门指南
- 2024-09-27Vue CLI教程:初学者快速入门指南
- 2024-09-27Vue3公共组件教程:入门与实践
- 2024-09-27Vue3公共组件教程:新手入门指南
- 2024-09-27Vue3教程:初学者快速入门指南