Vue.js学习系列（三）---第一个vue.js程序

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

2.：写js

3.：写样式

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

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

{{msg}}

在 中来编写如下代码

export default {

name: 'app',

data () {

return {

msg: 'Hello, vuejs'

}

}

}

此时页面显示如下图：

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