vue的一些基础链接以及安装方式

文章目录前言一.vue的相关文档链接1.vue的官方文档2.vue 相关开源项目汇总3. vue.js 中文社区二.vue的安装方式1.下载开发版本vue.js2.cdn引入3.NPM安装三.vue初体验1.编写HelloWorld总结前言学习vue的一些基础链接以及安装方式一.vue的相关文档链接1.vue的官方文档https://cn.vuejs.org/v2/guide/#Vue-js-%E

々橙若℃ №

267人浏览 · 2020-10-11 11:53:31

々橙若℃ № · 2020-10-11 11:53:31 发布

文章目录

前言
一.vue的相关文档链接
二.vue的安装方式
三.vue初体验
- 1.编写HelloWorld
总结

前言

学习vue的一些基础链接以及安装方式

一.vue的相关文档链接

二.vue的安装方式

1.下载开发版本vue.js

https://cn.vuejs.org/js/vue.js
生产版本vue.js
https://cn.vuejs.org/js/vue.min.js

2.cdn引入

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

3.NPM安装

安装最新稳定版本

 npm install vue

三.vue初体验

1.编写HelloWorld

<!DOCTYPE html>
    <head>
        <meta charset="utf8" />
        <meta keywords ='HelloWorld'/>
        <title>HelloWorld</title>
    </head>
    <body>
           <div id="box">
               <p>{{msg}}</p>
           </div>
    </body>

</html>
<!--引入vue.js-->
<script  type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
   var vm = new Vue({
       el:'#box',
       data:{
          msg:"HelloWorld" 
       }
   });
</script>