Vue基础篇
基于 vue 的流行度，日常项目前端有在使用，遂记录这篇文章，主要讲从环境搭建到使用样例。在学习中，体验和完成了一个功能稍微丰富的例子，为简洁起见，本期只展示官方默认例子。
vue前端框架Vue(读音/vju_/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
尚硅谷Vue开发者工具是Vue.js课程中的第16章，该章节主要讲解Vue.js开发者工具的使用，包括安装、启动、调试等方面。这一章节的安排合理，因为Vue.js开发者工具是开发Vue.js项目所必须掌握的一项技能。
阅读本文需要具备一定的TypeScript基础和vue基础。
最近看了 Vue.js 的递归组件，实现了一个最基本的树形菜单。
vue在html使用方法?
他在html页面的使用，是要在页面中，脚本引入vue框架的入口文件。使用起来也很方便。希望这个解释给读者带来价值。
新建html文档，然后在head标签中引入vue的js文件，这里以引入cdn文件为例。
在html中定义vue作用域需要引入script。需要在需要新建一个HTML页面，在页面中引入下面的script标签，这里引用的是开发版本，带有报错提示，便利查找错误。新建一个script标签，newVue实例。
首先在vue页面里面通过iframe 的形式引用 注意 ref的值和 name的值我这里保持一致了，接下来都会有用到。
vue从后台获取的数据有html标签通过v-html渲染到页面给html添加样式的方法如下：准备材料：Vue.js、HBuilder、浏览器 创建静态页面vhtml.html，并引入vue.js文件。
实验一：打算在Vue的组件里使用script引入demo里同样引入的文件，发现文件没有被引用进来。
如何将DOM对象转换为HTML文本
1、短短几行代码就实现了转换，我们首先用标准的方法创建一个div出来，在用innerHTML来插入一个元素，其实也就是利用浏览器自己的内核算法来实现的一个转换。在用childNodes返回出来。
2、那么，HTML可以看做是结构性的文本，然后可以将其抽象为DOM类型的模型，这样所有的程序处理模块只要能够处理DOM，那么就可以处理HTML。
3、alert(eval(code1))； //-a2alert(eval(code2))； //-undefined //json字符串使用eval((+string+))方法转换成js对象。alert(eval(( + code2 + )))； //-[object object]转换成对象。
4、尤其在Chrome浏览器中，它的DOM解析比其他浏览器更为严格，一旦发现这类问题就会立即报错。一种解决方法是先使用HTML解析器将HTML字符串解析完毕，然后再转换为DOM对象。
5、紧接着在下方script标签中先引入jquery的库文件，在第二个script标签中先获取名为footer的div的dom对象，在调用load方法引入外部的html文件就可以了。最后打开浏览器就可以看到两段文字都被加载进来了。
6、常用的属性有，innerHTML属性、nodeName属性、nodeValue属性、nodeType属性等。innerHTML属性，是获取元素内容的最简单方法。innerHTML 属性对于获取或替换 HTML 元素的内容很有用。nodeName属性，规定节点的名称。
如何从.vue页面跳转到.html的页面?
1、跨页面通信url带参数或者storage、cookie。
2、可以使用代码跳转到指定位置。转到指定位置是指向idweizhi的页面部分的超链接。位置/div是需要转移的部分。id的值应该与ahref中的id号相同，前面带有#cord。
3、新建html文档，然后在head标签中引入vue的js文件，这里以引入cdn文件为例。
4、原因： 同源安全策略 你不能用javascript访问一个iframe，如果你能做到这一点，那将是一个巨大的安全缺陷。对于同一源策略浏览器，阻止脚本尝试访问具有不同源的帧。
在vue中后台返回的文本包含标签如何解析为html
你可以试一下text这个方法，就会发现页面上面填充以后的效果和你所传回来的html代码是一样的。html方法会把你传回来的字符串翻译成你想要的样子。
创建静态页面vhtml.html，并引入vue.js文件。在body/body元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令。绑定v-html指令数据，这里设置为字符串。
Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
