1-Vue-基本用法

Vue起步

Vue官网文档
我们先直接引用Vue,先不搭建结构

1. 创建Vue-dome为根目录,作为项目的根目录,最终目录如

2. 在Vue官网文档复制<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>里面的链接,在新网页打开,然后全部粘贴进vue.js,引入Vue
   `

3. 在html里引入Vue自己要写的JS文件,使用声明式渲染

   <div id="app">
   声明式渲染,模板语法{{}},绑定了a,a在发生了变化,插入处的值也会更新
        <h1>{{a}}</h1>
    </div>
    <script src="./vue.js"></script>
<script src="./index.js"></script>

4. 在index.js文件里

var app = new Vue({//因为引入./Vue.js文件,直接new Vue
    el: '#app',//确定载入点,挂载点
    data: {
        a:"hello,word"//html文件内容可以直接通过data对象声明的属性名来直接访问
    }
})