新手入门Vue,在VScode中使用Vue的两种办法

根据vue官方文档,官方提供了两种方式来使用vue框架。

新手入门Vue,在VScode中使用Vue的两种办法_第1张图片

创建一个html文件,然后在其中通过如下两种方式引入 Vue:

1.


可以简单理解为完整版本,适合初学者使用。

2.


可以简单理解为mini版本,部分代码被压缩,速度更快。

以上方式二选一后,接下来:

在HTML中引入如下代码

{{ message }}

在js中引入如下代码

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

完成以上操作后,开始使用vue的基本操作就完成了。

最终效果图如下:

新手入门Vue,在VScode中使用Vue的两种办法_第2张图片

你可能感兴趣的:(vue.js,vscode,javascript,前端,vue)