可以直接使用html直接写内容,为什么要用vue.js
1、和其他框架一样，Vue允许你将一个网页分割成可复用的组件，每个组件都包含属于自己的HTML、CSS、JavaScript，以用来渲染网页中相应的地方。
2、如果你还在用jquery频繁操作你的DOM来更新页面的话，那么，你可以用Vue.js来解放你的DOM操作了。如果你的专案中有多个部分是相同的，并可以封装成一个元件，那么，你可以试试用Vue.js。
3、如果仅仅还是传统的各种cms开源代码建站仿站，显然你的技术已经跟不上了，如果你开发的项目数据交互较多，并且前后端分离明显，那么vue将会使你未来技术长足成长的不二选择。
4、jQuery是通过DOM来控制数据，不仅笨重而且渲染数据特别麻烦，而 Vue是通过数据来控制状态，通过控制数据来控制渲染，变量可以直接写在标签中，渲染更加优雅。
html引入vue需要打包吗
vue不打包不可以上线。vue打包路径完整后才可以上线。路径（path）在网络中，路径指的是从起点到终点的全程路由，路径在Photoshop中是使用贝赛尔曲线所构成的一段闭合或者开放的曲线段。
Vue项目编写完成后，一般需要打包压缩成新的文件，下面简单介绍一下是如何对Vue项目打包的。
地址链接：vue-cli 如何打包上线先来描述一下期间遇到的问题有哪些：打包后将 dist 文件夹和 index.html 放到 tomcat，在浏览器中访问时，出现空白页，f12 提示 404。
脚手架里带的Node部分，主要充当的是WebServer，跟浏览器有什么关系？最后都是要Webpack打包成纯粹的html/css/js项目的。
结论：vue中，直接引用文件，可以让打包文件最小。试验记录 下面测试项目中引入一个Button组件的代价。
vue自动配置打包完后通常只有一个html页面，如果我们想要打包出两个页面怎么办呢？只需要修改webpack的配置，下边是我的项目截图，供参考 在vue.config.js中配置 其中entry为文件引用路径，template为打包后文件名字及位置。
vue组件中怎么引入html文件?
在Vue要使用文件上传，找到一个bootstrap编写好的demo，打算直接用，嵌入vue中。demo主要使用jquery和webuploader，jquery和webuploader引用是使用script引入的。要兼容现在的Vue项目。
首先在vue页面里面通过iframe 的形式引用 注意 ref的值和 name的值我这里保持一致了，接下来都会有用到。
在项目文件夹npmrunserve出现这个内容表示项目启动完成，vue里面的html页面放在public文件夹里面。首先在static或public文件夹下，新建html页面。其次进入项目文件夹，在cmd命令行运行命令。
vue是前端技术框架之一，由一位中国人留学生所创建，快速前端开发的，集成了脚本功能，对页面控件也进行了封装，是不错的技术框架。他在html页面的使用，是要在页面中，脚本引入vue框架的入口文件。使用起来也很方便。
首先，打开public软件，点击插入。其次，点击校对，选择公式，然后选择vue。最后，引入index.html的变量字即可。
js在特定位置动态添加html可以利用HTML DOM appendChild() 方法。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
