text Vue.js的Hello world!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了text Vue.js的Hello world!相关的知识,希望对你有一定的参考价值。

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p id="hello">{{ message }} hi!</p>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})
</script>

<style>
#hello {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

以上是关于text Vue.js的Hello world!的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js 源码丨Hello World 的背后

第707期Vue.js源码:Hello World的背后

Vue初尝试—编写一个Hello World

[Nuxt] Setup a "Hello World" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt(

vuehello world

text 固定RPG中的Hello World