+
95
-

vue如何引入模板template与组件component?

vue

请问vue如何引入模板template与组件component?

网友回复

+
16
-
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>模板引入</title>
</head>

<body>

    <div id="app">
        <my-component-b></my-component-b>
        <!--可以把my-component-b看做一个对象-->


    </div>
    <template id="my-template">

<div>
<h2>{{name}}</h2>
<button @click="count++">{{count}}</button>
<ul>

<li v-for="item in numArray">{{item}}</li>
</ul>

</div>
</templat...

点击查看剩余70%

+
15
-

模板可以写在html中

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>模板引入</title>
</head>
<body>

    <div>
        <my-component-b></my-component-b><!--可以把my-component-b看做一个对象-->


    </div>
    <template id="my-template">

        <div>
            <h2>{{name}}</h2>
            <button  @click="count++">{{count}}</button>
            <ul>

                <li v-for="item in numArray">{{item}}</li>
            </ul>

        </div>
    </template>



    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.2.2.min.js"></script>
    <script>


        new Vue({




            components: {
                "my-component-b": {
                    template: '#my-template',
                    data() {
                        return {
                            name: '欢迎来到bfw',
                            numArray: [1, ...

点击查看剩余70%

我知道答案,我要回答