Vue.js学习系列(三)---第一个vue.js程序

按照之前的操作。我们在桌面上创建了一个新的vuejs项目。点开文件夹,我们可以看到文件夹包含以下内容

2.:写js

3.:写样式

下面我们就在使用vuejs框架实现我们的第一个程序,在页面上显示Hello,vuejs

我们可以将内的代码修改为

{{msg}}

在 中来编写如下代码

export default {

name: 'app',

data () {

return {

msg: 'Hello, vuejs'

}

}

}

此时页面显示如下图:

这样我们就完成了第一个vuejs程序的编写。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,288评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,234评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,707评论 0 17
  • 1、 第一次打网球,恰巧发了个好球,朋友说,你打得真不错呢! 被他这么一表扬,倒有点紧张了,再出一招就露底怎么办,...
    妮秋儿阅读 638评论 3 11
  • 广东的四月和家乡的四月很不同。也许是气候的原因,广东这时的气候和三月差不多,温暖的空气中飘荡着浓郁的花香,木棉开始...
    莫尼安阅读 233评论 0 0