当前阅读教程:Vue.JS入门教程 > Vue.js简介 | |||
阅读(22555525) 收藏 赞(5685) 分享 | |||
上一篇: Vue.js入门 | 下一篇: Vue.js编辑器 | ||
阅读本教程前,您需要了解的知识: n HTML n CSS n JavaScript 入门实例这里先给大家展示了一个入门案例的代码和效果图 。大家先了解,我们在接下来小节会教大家如何一步一步使用建立这个页面。 效果图代码<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue入门第一个vue页面</title> <!--引用互联网中vue.js的代码,后面会讲解如何引用本地vue.js的代码--> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <!--显示代码--> <div id="app"> <!--显示变量message的内容,也就是显示”Hello Vue.js!“--> <p>{{ message }}</p> </div> <!--脚本代码--> <script> new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } }) </script> </body> </html> |
|||
上一篇: Vue.js入门 | 下一篇: Vue.js编辑器 |