开发小程序的好处是啥_vue组件创建的三种方式小结

2021-01-06

vue组件创建的三种方式小结       这篇文章主要介绍了vue组件创建的三种方式小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
//通过template属性指定组件要展示的html结构 template : " h3 使用vue.extend创建的组件 /h3 " //ponent('组件名称',创建出来的组件模板对象) ponent('myCom1',com1)

1 /my-com1

注意,上边我们组件名称使用的是驼峰命名法,在写到页面中必须将大写的驼峰字母变成小写,标签中不允许使用大写,然后在中间用 "-" 连接,如果不使用驼峰,则直接拿名称引用即可。

ponent创建组件

ponent中。

ponent('com2',{
 template : " ponent创建的组件 /h3 "

还是使用标签的形式在页面中引用。

无论使用哪种形式创建出来的组件template中有且只有一个根元素

3.使用模板

ponent("com3",{
 template : '#temp1' 

在被控制的#app外部,使用template元素,定义组件的模板HTML结构

 template id="temp1" 
 div 
 h1 好用,有代码提示快捷键 /h1 
 /div 
 /template 

还是使用标签的形式在页面中引用。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。




扫描二维码分享到微信

在线咨询
联系电话

400-888-8866