实例分析编写vue组件方法
2019-03-28 10:59
260 查看
vue组件的概念是变得越来越重要了噢。今天小编我就来给大家分享一下编写vue组件的经验噢。
1、首先引入vueJS框架并且在底部new一个vue实例便可得到一个组件了哦。
vue实例本身就是一个最大的组件了噢。
2、然后可以在vue实例中使用template来编写组件的模板数据了哦。
3、接着整个vue实例就会绑定到div上面了哦。这样浏览器所呈现的便是整个组件的所有template的内容了。
4、但是一个大组件中是有许许多多不同的组件来进行开发的。
所以可以用vue.component来定义组件噢。
第一个参数是组件名,里面是模板数据方法等。
5、组件编写好之后便可以用标签对的形式来把组件放进最大的组件里面了哦。
注意需要把最大组件中的template去掉才行噢。
6、这样最外层的组件便会把子组件当做模板进行渲染。然后即可看到子组件中的数据了哦。
7、当然还可以用局部组件的方式来编写组件噢。这种局部方式必须要在最外层组件中用components进行绑定才可以使用哦。
您可能感兴趣的文章:
相关文章推荐
- Yii扩展组件编写方法实例分析
- vue组件之间数据传递的方法实例分析
- Yii扩展组件编写方法实例分析
- vue自定义指令的创建和使用方法实例分析
- vue2.0组件通信各种情况总结与实例分析
- Vue $emit $refs子父组件间方法的调用实例
- vue组件编写之todolist组件实例详解
- 利用Vue实现移动端图片轮播组件的方法实例
- vue2.0组件通信各种情况总结与实例分析
- 实例分析vue循环列表动态数据的处理方法
- 详解vue2.0组件通信各种情况总结与实例分析
- 7、vue2.0用Vue.extend构建消息提示组件的方法实例实现alert模态框组件(2)
- 用Vue.extend构建消息提示组件的方法实例
- 用户调研方法之网站分析应用实例
- Vue触发式全局组件构建的方法
- Vue实现环形进度条方法组件
- python中的对象,方法,类,实例,函数用法分析
- vue移动端路由切换实例分析
- vue.js指令和组件详细介绍及实例
- javascript实现html页面之间参数传递的四种方法实例分析