42 手写vueplugins实现loading效果（vue面试题）

最新推荐文章于 2024-04-18 10:33:01 发布

VIP文章 weixin_50464014

最新推荐文章于 2024-04-18 10:33:01 发布

阅读量159

点赞数

分类专栏： javascript 文章标签： vue.js javascript 面试

本文链接：https://blog.csdn.net/weixin_50464014/article/details/120687991

版权

引入vue extend

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

<body>
    <div id="root">
        <Test :msg="message" />
    </div>
    <script>
        //通过vue extend来注册一个组件,它是返回一个构造函数VueComponent
        const component=Vue.extend({
            template:'<div>{
  {msg}}</div>',
            props:{
                msg:{
                    type:String
                }
            }
        })
        //通过Vue.component来注册，它是把这个构造函数挂载到Vue的options属性的components属性中
        //components里面有Vue自带的组件，如keepAlive和transition
        Vue.component('Test',component)
        new Vue({
            el:"#root",
            data():{
                return{
                    message:'test component'
                }
            }
        })
    </script>
</body>
//--------------------------
//再提升一下
    <div id="root">
        <Test :msg="message" />
    </div>
    <script>
        //通过vue extend来注册一个组件,它是返回一个构造函数VueComponent
        
        //通过Vue.component来注册，它是把这个构造函数挂载到Vue的options属性的components属性中
        //components里面有Vue自带的组件，如keepAlive和transition
        Vue.component('Test',{
            template:'<div>{

最低0.47元/天解锁文章

weixin_50464014

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
42 手写vueplugins实现loading效果（vue面试题）

引入vue extend<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><body> <div id="root"> <Test :msg="message" /> </div> <script> //通过vue extend来注册一个组件,它是返回一个构造函数VueC.
复制链接

扫一扫