乐趣区

关于vue.js:奇淫巧技vue动态渲染htmlscript模板

vue 动静渲染 html/script 模板

场景 :页面 html,script 从接口动静获取,渲染出页面

解决

1. 定义方法

newVue(script, html) {let main = eval(`(${script})`);
  
  main.template = `<div>${html}</div>`;

  new Vue({
    components: {test: main},
    data() {return {}
    },
    template: `<div><test/></div>`
  }).$mount('#app')
}

}

2. 调用

newVue(‘{components:{},data(){return{text:’111′}},created(){},mounted(){},methods:{}}’,'<div><span>{{text}}</span></div>’)

展现后果

退出移动版