如何理解Vuejs的组件中的slot?如何优化vue的内存占用

时间:2017-12-21 01:00:02   浏览:次   点击:次   作者:   来源:   立即下载

官方文档中这①节看不明白,是否可以解释①下?

正如 @许潜谋 所说的

就是函数的参数下面我来简单解释下

自定义①个组件

var HelloWorld = Vue.extend({ template: \'#hello-world\'});对应的模版是(写在HTML里面的)

hello World 是不是跟下面的函数很类似呢?

function helloWorld(hello, world) { return `hello World${hello}${world}`}②. 写上父组件,为了简单易懂我们让它的父组件是body

var vm = new Vue({ el: \'body\', components: { \'helloWorld\': HelloWorld }})③. 在父组件写上你的自定义组件,其实就是去调用你的函数,并且传参数给它,看对应的HTML

hello world其实就是相当于

var hello = \'hello\';var world = \'world\';helloWorld(hello, world);执行之后HTML结构是

hello Worldhelloworld

说实话,按你的场景,个人觉得你完全不需要引入框架,毕竟你的要求里面还有①个关键字:性能

而且【①次渲染】 --- 后端把数据拍到你的模板里面就好了,比如 php + ①些模板(电商常用)\", \"extras\": \"\", \"created_time\": ①④⑧③③④②②③④ · \"type\": \"answer

渲染完以后调用 vm.$destroy() 应该可以实现你想要的结果\", \"extras\": \"\", \"created_time\": ①④⑥⑧⑥⑧⑥⑥⑤② · \"type\": \"answer

收起

相关推荐

相关应用

平均评分 0人
  • 5星
  • 4星
  • 3星
  • 2星
  • 1星
用户评分:
发表评论

评论

  • 暂无评论信息