Vue.js(3)- $mount 和 template

    <div id="app">
    <h3>{{msg}}</h3>
    </div>
    <script type="text/javascript">
        var vm = new Vue({
            // el: '#app',
            data: {
                msg: new Date()
            },
            methods:{},
      /* 霸道的渲染vue实例,并且覆盖原来的数据 */
      template: '<p>一二三</p>'
        })
    /* vm.$mount("选择器") 动态挂载实例,
     * 就是指定一个div渲染数据 */
    vm.$mount("#app")
    </script>

注意:如果 在 new Vue 实例的时候,既指定了 el 又指定了 template,则 会把 template 指定的模板结构,替换掉 el 的模板结构;

猜你喜欢

转载自www.cnblogs.com/houfee/p/9922925.html
今日推荐