vue.js - vue新建组件

查看：139 发布时间：2017/9/6 0:21:14 component extend vue.js

本文介绍了vue.js - vue新建组件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

var myComponent={
    template:'hello world'
};
var myComponent2=Vue.extend({
    template:'hello world'
});

上面两个代码显示结果一样

<div id="app">
    <my-component></my-component>
    <my-component2></my-component2>
</div>

Vue.component('my-component',myComponent);
Vue.component('my-component2',myComponent2);
var vm=new Vue({
    el:'#app'
})

解决方案

第二个是路由组件，定义路由规则时要这样定义；
第一个，在页面中用

这篇关于vue.js - vue新建组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文