vue组件简单写法
2018-01-15 14:58
323 查看
<!-- 展示模板 --> <template> <div id="app"> <img src="./assets/logo.png"> <hello></hello> </div> </template> <script> // 导入组件 import Hello from './components/Hello' export default { name: 'app', components: { Hello } } </script> <!-- 样式代码 --> <style> #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style>
相关文章推荐
- vue 简单选项卡组件
- Vue.js父与子组件之间传参 父向子组件传参 例子:App.vue为父,引入componetA组件之后,则可以在template中使用标签(注意驼峰写法要改成componet-a写法,因为ht
- vue 简单分页组件
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- vue实现简单表格组件实例详解
- 简单的Vue异步组件实例Demo
- vue父子组件简单通信
- vue-cli之组件的简单使用
- vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
- vue组件简单案例
- Vue.js入门学习--父子组件的说明和简单通信(十)
- vue 组件递归,非父子间组件通信简单实例
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- vue初学实践之路——vue简单日历组件(3)
- vue通过写引入完整js的方式在HTML上的组件写法
- 一个简单的Vue.js组件开发示例
- Vuex: 实现同级组件的简单通信
- vue组件的写法汇总
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)