前端Vue

---

引入Vue

1.下载vue.js文件（开发版本）
2.链接到html文件中
html头部位置

<script type="text/javascript" src="../js/vue.js"></script>

3.消除控制台提示

<script>
 Vue.config.productionTip = false
 //阻止vue在启动时生成生产提示
</<script>

一、hello案例

1. 先在html中准备一个盒子

<div id="root">
        <h1>Hello </h1>
</div>

2. 在脚本中创建一个Vue实例

new Vue({
   
            el: '#root',