(精华)2020年7月12日 vue 模板template的使用
2020-07-14 06:00
288 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>引用模板</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <my-world></my-world> </div> <template id="wbs"> <div> <h3>{{msg}}</h3> <ul> <li v-for="(item,index) in arr" :key="index">{{item}}</li> </ul> </div> </template> <script> var vm = new Vue({ //这里的vm也是一个组件,称为根组件Root el: '#app', data: { msg: '软谋' }, components: { 'my-world': { name: 'wbsx', template: '#wbs', data() { return { age: '20', msg: 'hello', arr: ['tom', 'jack', 'laney'] } } } } }); </script> </body> </html>
相关文章推荐
- vue.js template模板的使用(仿饿了么布局)
- Vue.js 使用script或template标签创建组件模板内容
- VTemplate模板引擎的使用--高级篇
- 动态模板类使用 ITemplate 接口 GridView动态模板
- 模板引擎artTemplate及模板预编译器TmodJS的使用入门
- VTemplate模板引擎的使用--进阶篇
- 模板 使用中注意的问题 template<class T>
- artTemplate模板使用补充
- ClassTemplateLoader模板使用学习
- VTemplate模板引擎的使用--入门篇
- 动态模板类使用 ITemplate 接口 GridView动态模板
- 01模板 使用template<class T>
- ArcGIS API for Silverlight代码中使用Template模板
- C++中 模板Template的使用
- VTemplate模板引擎的使用--高级篇
- C++中 模板Template的使用
- Android Studio Template 模板初识及使用
- VTemplate模板引擎的使用--认识篇
- DataTemplate 数据模板的使用
- Silverlight使用DataGrid的模板列(DataGridTemplateColumn)实现类似TreeListView控件的效果