二.Vue.js使用及初始化配置

Vue.js的使用步骤

1. HTML通过引入脚本方式 ：<script src="https://cdn.jsdelivr.net/npm/vue"></script>（生产环境版本，优化了尺寸和速度）或<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>（开发环境版本）还可以通过vue-cli安装引用（vue-cli内容有说明）

2.  Vue的初始化：初始化后进入模板编译，最后挂载实例。通过new Vue({})方式创建Vue实例完成初始化操作，实例创建过程经历了合并了相关配置, 初始化生命周期，初始化事件中心，初始化渲染，初始化 data、props、computed、watcher 等

 

<div id="app"></div>


var vm = new Vue({
    el: "#app",
    data:{},
    methods:{},
    beforeCreate: function () {},
    created: function () {},
    beforeMount: function () {},
    mounted: function () {},
    beforeUpdate: function () { },
    updated: function () {},
    beforeDestroy: function () {},
    destroyed: function () {}
});

若创建实例过程中没有el参数则需要手动挂载 vm.$mount("#app")

 

3. Vue初始化对象参数使用说明

4. Vue生命周期说明