关于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>’)

展现后果