<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="app">
<comp-test>
</comp-test>
</div>
<script>
// 创建的是 Vue 构造器
const comp = Vue.extend({
template: `
<div id="">
<p>Hello Vue.js!</p>
<p>Hello furong!</p>
</div>`
})
// 注册一个全局组件
Vue.component('comp-test', comp);
const app = new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!',
},
})
</script>
</body>
</html>
相关文章
- 01-15vue 实现底部导航栏
- 01-15uniapp tabbar国际化 动态自定义icon 文字 调整顺序 以及其他自定义需求
- 01-15vue init webpack tabbar创建vue项目时出现问题
- 01-15解决自定义tabBar选中时的状态变换:通过 getTabBar 接口获取组件实例
- 01-15[Vue]-06-xiannvmall-tabbar
- 01-15vue六十一:使用vuex管理状态示例
- 01-1518. vue-router案例-tabBar导航
- 01-15RHCS(企业6上的高可用集群搭建和图形化管理)
- 01-15VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题
- 01-15VUE实现登录然后跳转到原来的页面