vue.js难吗,vue开发踩坑

　　本文主要介绍学习vue.js遇到的坑，帮助大家更好的理解和使用vue框架。感兴趣的朋友可以了解一下。

类空指向

　　它是一种类似于空指针的错误模式，发现错误而不在控制台上报告是非常困难的。

　　resp.data.user .头像

　　//如果该用户为空，则该调用不会报错，也不会向下执行。

　　//要判断这个头像就这么做

　　if(resp . data . user resp . data . user . avatar){

　　//do.

　　}

ES6 箭头函数

　　箭头函数和非箭头函数也有很大区别。

　　//编写普通的匿名函数

　　api()。然后(函数(响应){

　　this.count()

　　//注意，这不是一个普通的计数，而是一个未定义的计数。

　　})

　　//ES6箭头功能

　　api()。然后(resp={

　　this.count()

　　//这里没有错。

　　})

vuetify

　　这是一个基于Google Material design语言的UI框架，可以在Vue.js中运行

　　只是安装方式有点特别，它的插件安装方式也很特别。

　　比如vuetify的对话框

　　从“vuetify-dialog”导入VuetifyDialog

　　从导入vuetify。/plugins/vue tify ；

　　Vue.use(VuetifyDialog，{

　　上下文：{

　　使虚弱

　　}

　　})

　　这就导致你写UI的时候要为Google编程。(虽然其他后端语言几乎都在笑)

vue-cli

　　如果你想创建一个新的项目，并且这个项目的规模不是特别大。

　　我强烈建议您使用vue-cli来创建它。简单来说，会提高B格。

　　废话少说，上图。

　　创建您的项目名称

　　vue用户界面

　　Vue ui会打开一个类似上面的可视化页面。

　　然后把vue-cli创建的项目导入进去，可以和上图一样：)

异步和同步

　　其实之前有个很蠢的想法。

　　也就是说，用户输入表单后，立即向服务器验证，然后在UI上刷新结果。

　　但是这种UI刷新需要同步操作。

　　我只是在想怎么把axios的异步操作变成同步。

　　如果是之前的jQuery，那就很简单了。把里面的aysnc属性改一下就行了。

　　但每次发送请求时，浏览器都会在控制台上提示不建议XHR同步请求。

　　为什么？因为浏览器中的页面是单线程的。如果您的请求是同步的，它将导致每个请求阻塞页面一段时间。

　　所以我最后把它改成了分步验证，这样所有的请求都是异步操作的。

运行和部署

　　如果你在当地发展

　　运行serve(有些项目是dev)会打开一个端口号让你访问用户界面，进行近乎实时的UI调整。

　　如果要在线部署，需要先执行build，在输出目录中会生成一个静态文件。

　　将这些文件部署到服务器类似于：

　　服务器

　　小盒子

　　我强烈推荐凯迪。它是基于golang开发的服务器，具有轻量级的部署和管理api。它非常支持Http2和http3。

TIPS

　　这里只记录了一些刚开始玩的项目，后期开发会遇到更多的问题。

　　比如页面之间的刷新等等。

　　所以很快就会有下一章了。

　　希望能帮到你。

　　以上是学习Vue.js遇到的坑的详细情况，更多学习Vue.js遇到的坑，请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

目录