Vue.js
看云朵敲代码
这个作者很懒,什么都没留下…
展开
-
前端杂记6(Ant组件、Vue)
1.ant菜单和路由同步高亮a-menu的设置:<a-menu style="width: 100%" :open-keys.sync="openKeys" v-model="current" :defaultSelectedKeys="[keyVal]" :selectedKeys="[keyVal]" mode="inline" @click="handleClick" >vue原创 2020-08-03 18:13:23 · 500 阅读 · 0 评论 -
从vue-router浅谈前端路由到前后端分离
路由此处的路由指的是页面跳转的规则,通过不同的路径,来请求不同的资源,请求不同的页面是路由的其中一种功能。可以简单理解为url跳转现代前端开发中最流行的页面模型,莫过于SPA单页应用架构。单页面应用指的是应用只有一个主页面,通过动态替换DOM内容并同步修改url地址,来模拟多页应用的效果,切换页面的功能直接由前台脚本来完成,而不是由后端渲染完毕后前端只负责显示。前端三驾马车Angular,Vue,React均基于此模型来运行的。SPA能够以模拟多页面应用的效果,归功于其前端路由机制。前端路由,顾名思原创 2020-05-21 00:50:32 · 1798 阅读 · 0 评论 -
【Vue.js】Element-UI中根据后台返还的值决定选用什么标签(<template slot-scope="scope">)
场景:当我成功添加一个收藏网址的时候,根据我预先定义好的类别,根据返回的prop值显示不同的图标,像下边这样从后台返还的数据中的__v判断,若其为0,选择标签【学习】,1则是【工具】。如何根据prop的值来判断 ,在element-UI中怎么判断,将prop去掉在下面加上里面再写vue的判断可是在HTML里哪有函数判断的说法利用Vue操作DOM节点也不是什么很好的办法我们不使用prop...原创 2020-04-17 01:30:16 · 499 阅读 · 0 评论 -
Vue项目从打包到部署到云服务器上(踩了不少坑)
你的Vue项目终于暂时告一段落了,但是我们都知道开发环境和生产环境的区别。我们平时都是在本地做开发,每次打开都是localhost:8080的,如果你想将它变成你的小网站呢?首先你看这篇博客必须要做的事情是:①你有了一个可以正常运行的Vue项目②你有了服务器+域名(没有就去买,腾讯云)我所访问的数据接口是自己写的,部署在本地服务器那里的Node.js+Express+MongoDB(一会...原创 2020-02-23 00:36:16 · 9043 阅读 · 4 评论 -
【Vue.js】Vuex使用心得以及踩的一个坑
之前用Vue的组件传参可谓是比较麻烦且复杂的,代码也不容易维护。例如一个页面中A组件引入子组件B有没有办法声明一个全局变量达到两个组件共用呢?尤其是在用户登录方面,不同组件都需要用户的登录信息,一个个传难免影响性能——尤其是单页面中组件数目较多的时候所以我们要使用Vuex!什么是Vuex?先大致看一下官方文档第一页官方文档:https://vuex.vuejs.org/zh/可以看到这是...原创 2020-02-12 21:06:32 · 530 阅读 · 0 评论 -
【Vue.js】Vue一些小问题记录_1
【1】elementUi里面的el-input框无法输入考虑原因可能是组件嵌套太深的原因。利用@input事件获取当前输入的值 <el-input v-model="search" style="display: inline-block;width: 600px" placeholder="请输入搜索内容" @input="change($event)"...原创 2020-01-23 21:35:52 · 86 阅读 · 0 评论 -
【Vue】Vue+axios 解决跨域问题
好不容易用node把接口写好了,Postwomen测试也通过前端Vue想要提交表单(登录)的时候却报了个错可知是浏览器跨域问题关于浏览器的跨域问题,具体这里不说,仅仅记录个人解决跨域问题的方案也是搜了许多不同的博文,但是都不管用,也不是很理解,自己百般尝试才有了一个解决方案假设我的Vue项目运行在http://localhost:8080后端的接口是:http://localhos...原创 2020-01-21 17:28:11 · 2135 阅读 · 0 评论 -
【Vue.js】渲染原理以及初始化后一些疑问
1.不同于javaScript的语法?在Vue.js 项目中我们使用的是ECMAScript,是javaScript的规范,javaScript是ECMAScript的实现。具体自行百度,可以认为ECMAScript实现了普通js无法实现的许多功能。ES6的语法可以在书中查看,需要注意的①多用let声明变量,解决变量提升或者块级作用域的问题②全局变量在index.html中声明例如:wi...原创 2020-01-13 21:44:00 · 227 阅读 · 0 评论 -
【Vue】快速构建一个Vue.js程序
CLI是构建一个快速而规范的Vue.js项目的重要工具,利用以下命令可以建立一个空项目:先cd到项目的文件夹里输入一行命令:Vue init webpack [你的项目名称]通过CLI初始化一个以Webpack为模板,项目名称为【你的项目名称】的项目之后会要求用户输入对应的配置项接下来遵循命令通过npm安装插件最后来看看项目:使用以下命令运行该项目npm run dev...原创 2020-01-13 19:03:07 · 252 阅读 · 0 评论 -
【前端】Vue.js是什么?【转发】
最近在知乎上看到有关于Vue.js的一篇入门文章,采用问答式让读者去理解,感觉很不错,转发作为笔记保存一波来源:https://zhuanlan.zhihu.com/p/256590251.Vue.js是什么?(官方)Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有...转载 2019-11-02 19:41:03 · 428 阅读 · 0 评论