码迷,mamicode.com
首页 > Web开发 > 详细

在html中使用vue组件

时间:2020-05-06 10:22:58      阅读:1098      评论:0      收藏:0      [点我收藏+]

标签:组件   思路   区分大小写   时间   mmm   使用   span   style   vue组件   

最近在维护公司的项目,当我拿到项目时,发现他用了vue。

但是~~仅仅是引用vue.js文件,整体的架构还是html那种,没有用webpack!

当时觉得~哇~原来还可以这样!

然后了解了业务逻辑和代码逻辑,觉得这个人写的~emmm~~~,没办法只能按照之前的思路去写~

开发新页面时,我就引用了vue的组件(上个人仅仅是用到了双向绑定这个好处),

下面附上在html中引用vue组件的写法:

第一步:首先引用 httpVueLoader.js, 再引用Vue.use(httpVueLoader)---这步很重要

技术图片

 

技术图片

 

 第二步:创建vue组件,引用vue组件

技术图片

 

 第三步:在html中写引用组件,就ok啦

技术图片

 

 ps:在引用组件时,中途出现了小插曲。从第二步可以看出我的组件名起的是AddInfo.

   我一开始在html中引入时直接写成<AddInfo></AddInfo>,怎么都显示不了组件!后来才知道,vue2.0组件命名区分大小写了,哈哈哈哈~

  在这里就不细说了,有时间会专门写一篇关于命名规则的~

 

新手上道,写的不足的地方请大家提出来哦~~

 

在html中使用vue组件

标签:组件   思路   区分大小写   时间   mmm   使用   span   style   vue组件   

原文地址:https://www.cnblogs.com/youlbk/p/12834734.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!