第一个Hello Vue!
2017-01-14 16:45
393 查看
今天果断抛弃了DW,下载了JetBrains公司的Webstorm,写出了第一个
代码 如下:
尝试 Vue.js 最简单的方法是使用 JSFiddle Hello World 例子。你可以在浏览器新标签页中打开它,跟着我们学习一些基础示例。或者你也可以创建一个本地的 .html 文件,然后通过如下方式引入 Vue:
:官网文档
Hello Vue!
代码 如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>hello Vue</title> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p> {{ message }} </p> <input v-model="message"> </div> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) </script> </body> </html>
尝试 Vue.js 最简单的方法是使用 JSFiddle Hello World 例子。你可以在浏览器新标签页中打开它,跟着我们学习一些基础示例。或者你也可以创建一个本地的 .html 文件,然后通过如下方式引入 Vue:
<script src="https://unpkg.com/vue/dist/vue.js"></script>
:官网文档
相关文章推荐
- laravel和vuejs第一个最简单的示例hello Vuejs
- 第一个Android应用,hello OurAndroid
- 第一个Hello Django(二)
- 运行第一个实例display实现hello程序
- 第一个QT, "hello linux"
- 越狱开发:用iosOpenDev配置越狱开发环境 编写第一个hello world-b
- Go! new Hello World, 我的第一个Go程序
- Hello Mybatis 01 第一个CRUD
- 《Hello Vue.js之道阻且长》
- SharePoint 2007工作流开发点滴(2):开发第一个SharePiont工作流: HelloWorldSequential 的注意事项
- 第一个Dart程序---HelloDart
- 开启苹果app学习之旅:第一个小程序helloWord
- [.NET MVC4 入门系列01]Helloworld MVC 4 第一个MVC4程序
- 第一个JAVA程序,Hello java
- Java学习的第一个程序Hello World.
- 对于python的认识及python的第一个程序hello.py
- django学习记录--第一个网页“hello django”
- Android NDK编程,我的第一个hello-jni程序,如何调用自己编译的so库
- 第一个简单的内核编程实验:hello.c