![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 67
岑**
这个作者很懒,什么都没留下…
展开
-
IDEA启动前端项目的serve设置
IDEA启动前端项目的serve设置原创 2022-11-29 23:22:38 · 2512 阅读 · 0 评论 -
Vuex学习
Vuexvuex 是一个专门为vue.js应用程序开发的状态管理模式。这个状态我们可以理解为在data中的属性,需要共享给其他组件使用的部分。也就是说,是我们需要共享的data,使用vuex进行统一集中式的管理。官网:https://vuex.vuejs.org/zh/guide/Vuex中,有默认的五种基本的对象:state:存储状态(变量)虽然state和data有很多相似之处,但state在使用的时候一般被挂载到子组件的computed计算属性上,这样有利于state的值发生改原创 2022-04-29 07:30:43 · 758 阅读 · 0 评论 -
使用vue-cli创建项目,运行时发生浏览器无法建立0.0.0.0:8080服务器连接,解决方案
使用vue-cli创建项目,运行时发生浏览器无法建立0.0.0.0:8080服务器连接,解决方案原创 2022-04-26 16:49:17 · 838 阅读 · 0 评论 -
json-server db.json json-server : 无法将“json-server”项识别为 cmdlet、函数
json-server db.json json-server : 无法将“json-server”项识别为 cmdlet、函数在用脚手架vue-cli创建项目做练习的时候,需要使用一些数据,然后用json-server db.json出现如图问题,后来通过查阅,使用npm install -g json-server就可以解决了。...原创 2022-03-19 21:35:44 · 3178 阅读 · 2 评论 -
Vue组件通信
Vue组件通信父子组件通信props、$emitprops[父组件给子组件传递信息,子组件通过props绑定某个属性,例如title,然后父组件给title赋值,子组件通过{{title}}来显示从父组件那里获得的信息]<template> <h1>子组件</h1> <h2>{{title}}</h2></template><script>export default { props:['原创 2022-03-17 21:07:50 · 327 阅读 · 0 评论 -
从Nodejs->Vue->Vue-cli->创建项目教程
从Nodejs->Vue->Vue-cli->创建项目教程找了好多帖子,终于发现了这篇宝藏文!!!这边帖子从Nodejs安装开始讲,再到npm设置及更新,vue,vue-router,vue-cli的安装非常清晰。最后附上血的教训:一定要cmd的时候使用管理员命令,否则好多安装命令都失效。https://www.cnblogs.com/lgx5/p/10732016.html...原创 2022-03-16 22:37:20 · 74 阅读 · 0 评论 -
Vue-cli
基础-vue-cli 工具-介绍介绍: vue-cli是一个辅助开发工具=> 代码编译 + 样式 + 语法校验 + 输出设置 + 其他 …作用: 可以为开发者提供一个**标准的项目开发结构** 和配置 开发者不需要再关注其他vue-cli 一个**命令行工具,最新版本也支持图形化**操作,可快速搭建大型网页应用基础-vue-cli-安装**说明:**vue-cli本质上是一个npm包,也需要通过npm去安装下载npm i -g @vue/cli // 全局安装脚手架 默认安原创 2022-03-15 20:20:18 · 139 阅读 · 0 评论 -
Vue组件
基础-组件-组件体验场景: 重复的页面结构,数据,逻辑 都可以抽提成一个组件特点 简单 高效 不重复基础-组件-组件特点组件和实例相似之处: data/methods/computed/watch 等一应俱全注意:data和Vue实例的区别为组件中data为一个函数且需要返回一个对象组件没有el选项template 代表其**页面结构** (有且只要一个根元素)每个组件都是**独立**的 运行作用域、数据、逻辑没有任何关联基础-组件-全局组件全局和局部: 注册原创 2022-03-15 20:04:13 · 100 阅读 · 0 评论 -
Vue路由
基础-组件-组件和模块的区别模块:侧重于功能或者数据的封装组件:包含了 template、style 和 script,而它的 script 可以由各种模块组成基础-单页应用(简称SPA)传统模式 每个页面及其内容都需要从服务器一次次请求 如果网络差, 体验则会感觉很慢SPA模式, **第一次**加载 会将所有的资源都请求到页面 **模块之间切换**不会再请求服务器SPA优点:用户体验好,因为前端操作几乎感受不到网络的延迟完全组件化开发 ,由于只有一个页面,所以原来属于一个原创 2022-03-15 20:03:25 · 73 阅读 · 0 评论 -
Vue服务端交互
在Vue中实现发送网络请求原理: Vue.js中发送网络请求本质还是ajax,我们可以使用插件方便操作。vue-resource: Vue.js的插件,已经不维护,不推荐使用axios :不是vue的插件,可以在任何地方使用,推荐说明: 既可以在浏览器端又可以在**node.js**中使用的发送http请求的库,支持Promise ,不支持jsonp如果遇到jsonp请求, 可以使用插件 jsonp 实现基础-axios-介绍-及基本使用用法:// 基本用法axios.get(原创 2022-03-15 20:02:49 · 212 阅读 · 0 评论 -
Vue高级语法
基础-系统指令-v-bind基本用法作用: 绑定标签上的任何属性场景: 当标签上的属性是变量/动态/需要改变的用法:// ID为数据对象中的变量值 <p v-bind:id="ID"></p> // 简写<p :id="ID"></p> 基础-系统指令-v-bind绑定class(对象)用法: 绑定class对象语法 :class="{ class名称: 布尔值}"<p class="obox" :class="{原创 2022-03-15 20:00:50 · 170 阅读 · 0 评论 -
Vue基础
Vue基础1基础-现在的前端现状开发人员大部分在用Vue开发Vue学习曲线相比其他框架简单很多基础-了解什么是vue目前前端**必备**技能传统方式已经不能适应目前越来越**复杂**的开发需求用vue的开发方式会简单、高效三大框架(vue、react、angular)基础-vue 能做什么不用操作DOM单页面应用web项目(SinglePageApplication 项目,例如https://worktile.com/)简称:SPA传统网站开发 一般来说原创 2022-03-15 19:59:33 · 77 阅读 · 0 评论