如何从.vue页面跳转到.html的页面?

如何从.vue页面跳转到.html的页面?,第1张

1.初始化项目,进入项目根目录下,我们会看一般性的文档配置如下: 实际上,我们需要修改的是public文件夹和src文件夹,以及增加一个配置文件vue.config.js. 在原本的文件中,index.html...2.现在,我们可以把src文件夹下的main.js和app.vue文件删除了,同时也把public问价下的index.html文件...3.现在,我们就可以在项目下通过<a>标签实现页面跳转了, 比如,我想在index.html...

看来你不知道什么是静态网页什么是动态网页,等你明白了,就不会问这样的问题了。

静态网页,动态网页主要根据网页制作的语言来区分:

静态网页使用语言:HTML(超文本标记语言)它的内容是固定的,不会根据浏览者的不同需求而改变。

动态网页使用语言:HTML+ASP 或 HTML+PHP 或 HTML+JSP 等。动态网页是与静态网页相对应的,也就是说,网页URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式,而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号——“?”。

我们将动态网页的一般特点简要归纳如下:

(1)动态网页以数据库技术为基础,可以大大降低网站维护的工作量;

(2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;

(3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;

(4)动态网页中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求

vue从后台获取的数据有html标签通过v-html渲染到页面给html添加样式的方法如下:

准备材料:Vue.js、HBuilder、浏览器

1、创建静态页面vhtml.html,并引入vue.js文件。

2、在<body></body>元素内插入两个div,一个作为外层div,另外一个作为子div,并在父div绑定v-html指令。

3、绑定v-html指令数据,这里设置为字符串。

4、Vue.js库的v-html指令是插入html元素,修改datas为包含<p></p>标签。

5、预览该静态页面,这时会看到页面显示如下

6、将调试打开,这时发现<div></div>中有个<p></p>标签,完成添加。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6165901.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存