vue.js插入dom节点的方式

前端开发 作者: 2024-08-20 20:15:01
html代码: js代码: 说明:1.对比jquery的dom节点的插入方式,vue.js的插值需要使用先new创建一个实例然后通过$mount()。2.手动挂载到dom节点中,然后使用$append
<div id="app"></div>
var MyComponent = Vue.extend({
    template: '<div>Hello World</div>'
})
var myAppendTo = Vue.extend({
template:'<p>appendTo</p>'var myBefore = Vue.extend({
    template:'<p>before</p>'var myAfter = Vue.extend({
    template:'<p>after</p>'// 创建并挂载到 #app (会替换 #app)
new MyComponent().$mount('#app');

 手动挂载
new myAppendTo().$mount().$appendTo('#app');appendTo
new myBefore().$mount().$before('#app');before
new myAfter().$mount().$after('#app');after
ul>
 li v-if="ok">显示</liv-else>隐藏>
>
>
  v-show>
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_65700.html