Vue.js的安装方法
第一种方法:独立版本
我们可以在Vue.js的官网上直接下载vue.min.js并用<script>标签引入
下载Vue.js:https://vuejs.org/js/vue.min.js
下载后命名为vuejs.org(名字随意,但后缀名一定要org)。如图:
接下来就是引入到index.html里面。如图:
第二种方法:使用CDN方法
以下推荐几个CDN:
- Staticfile CDN:https//cdn.staticfile.org/vue/2.2.2/vue.min.js
- unpkg:https//unpkg.com/vue/dist/vue.js 会保持和npm发布的最新版本一致
- cdnjs:https//cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
在index.html中引入CDN。如图:
然后新建一个app.js文件(用于实例化Vue对象),并且在index.html中引入。如图:
在app.js中实例化Vue对象。如图:
然后就可以在index.html调用实例中的数据,格式为:{{ xx }},中间为要调用的数据。如图:
浏览器效果图如下: