vue 组件开发练习 -- 焦点图切换

正文

    
        
            守候
        

2.然后，在 src/components/index.js 里面设置注册组件（要带一个install方法），代码如下

    import SlideImg from './ec-slider.vue'
    const ecslide={
        install:function (Vue) {
            Vue.component('ec-slide',SlideImg)
        }
    }
    export default ecslide;




    

3.在入口文件，index.js里面引入并且使用组件

    require("./index.html");
    require("./src/sass/index.scss");
    import Vue from 'vue'
    //引入并且使用组件
    import ecslide from './src/js/components/index';
    Vue.use(ecslide);
    let app6 = new Vue({
        el: "#app6",
        data: {
        },
        mounted(){
        }
    });

4.在index.html（模板文件），输出组件

    
         lang="en">
        
             charset="UTF-8">
             name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
            

请到「今天看啥」查看全文