我划横线的可以举个例子吗?

来源:6-1 Vue项目预热 - 环境配置

慕的地3200337

2020-01-26

图片描述

写回答

1回答

呀呀呀亚歌

2020-01-26

<body>
 <div id="template"></div>
 <script>
   Vue.component('my-component', {
     props: ['param'],
     template: `        <div>A custom component{{param}}</div>
     `
   })
   new Vue({
     el: '#template',
     data: {
       name: 'donghai'
     },
     components: {
       'se-com': {
         props: ['param'],
         template: `<div>我是第二个组件{{param}}</div>`
       }
     },
     // 字符串模板,替换全部的模板,内联字符串模板
     template: `      <ol>
       <tr is="my-component" :param="name"></tr>
       <tr is="se-com" :param="name" ></tr>
       <se-com :param="name"></se-com>
     </ol>
     `
   })  </script></body>


0
2
呀呀呀亚歌
回复
慕的地3200337
不受限制,你不想写JS就不写呗,但是本来模板字符串就是用来解决一些字符串拼接的,你不是用就和普通字符串没什么区别了。模板字符串的出现,并且可以使用JS本来就是大势所趋
2020-01-27
共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程