![](https://img-blog.csdnimg.cn/20200430114848474.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
vue从入门到放弃
从人到猿
带薪摸鱼只是不亏,让老板为学习买单才是血赚
展开
-
Proxy靠什么干掉了Object.defineProperty在Vue3.0中成功上位
尤雨溪在在某次演讲中预演了 Vue.js 3.0的一些新特性,其中一个很重要的改变就是Vue3 将使用 ES6的Proxy 作为其观察者机制,取代之前使用的Object.defineProperty。下面我带大家看看Proxy是靠什么上的位原创 2020-05-29 17:01:42 · 684 阅读 · 0 评论 -
Vue双向数据绑定的那些事,真的知道吗?
vue双向数据绑定v-model深度解析,文章结尾有原生手写数据绑定原创 2020-05-27 15:47:51 · 558 阅读 · 0 评论 -
Vuex
Vuex1. 什么是vuexVuex 是一个专为 Vue.js 应用程序开发中管理的一个模式。通过创建一个集中的数据存储,方便程序中的所有组件进行访问传统Vue使用场景思考传统vue是单向数据流。如果是兄弟组件之间传值兄弟组件间的状态传递无能为力我们经常会采用父子组件通过正向/逆向传值来对数据进行传递。以上的这些模式非常脆弱,通常会导致无法维护的代码。vuex只能用于单个...原创 2019-09-04 16:30:48 · 671 阅读 · 0 评论 -
vue脚手架
1. vue-cli中使用路由把路由相关页面创建好到src->router->index.js文件下,来进行配置路由2.1 先引用2.2再使用2. 使用 axios 请求数据1. axios 请求环境配置npm install --save axios下载axios在src文件加下的main.js中添加import axios from 'axios'Vue...原创 2019-08-30 20:21:56 · 384 阅读 · 0 评论 -
项目环境配置及单文件组件
项目环境配置安装 node.js淘宝镜像【扩展】cnpm安装:npm install -g cnpm --registry= https://registry.npm.taobao.org1. 项目环境配置安装 vue-cli:npm install vue-cli -g(可以自动的构建项目结构和项目目录)安装webpack:npm install webpack -g...原创 2019-08-29 21:34:28 · 557 阅读 · 0 评论 -
路由传参和路由卫士
1.动态路由匹配动态路由也可以叫做路由传参。组件的显示内容经常会根据用户选择的内容不同来在同一个组件中渲染不同内容。那么在这个时候就需要动态路由。1. 动态路径参数使用动态路由匹配中的 动态路径参数来进行路由配置。注意:动态路径参数 以冒号:开头{name:"tema",path:"/index/:id/:name",component:tema},2. 绑定参数路由导航绑...原创 2019-08-28 22:13:01 · 503 阅读 · 0 评论 -
逆向传值与路由
逆向传值正向传值:父组件给子组件逆向传值:子组件把数据传递给父组件,默认是不允许的,如果想逆向传值,就必须要通过事件来触发,通过事件将自定义事件抛出,并且接受一个自定义事件,来进行传值操作步骤:通过自定义事件来触发事件的抛出创建自定义抛出事件(抛出的是需要传递给父组件的数据),使用this.$emit(“抛出自定义事件的名字”,“抛出的数据”)接受自定义事件,在子组件被调用的时候...原创 2019-08-27 21:58:12 · 747 阅读 · 0 评论 -
交互与实例的生命周期
交互与实例的生命周期交互基本概念1. 交互的应用场景(什么时候用到前后端交互)从后端获取一些数据,将其进行展示或计算将用户在页面中提交的数据发送给后端2. Vue请求数据交互vue请求数据有Vue-resource、Axios、fetch三种方式。Vue-resource是Vue官方提供的插件,axios与fetch是第三方插件Vue.js resource交互Vue自身不带...原创 2019-08-22 21:56:57 · 1082 阅读 · 0 评论 -
Vue指令
Vue指令1. watch监听在vue中watch就是时时刻刻的监听绑定的这个data模型数据,当这个数据发生变化的时候,watch就会被触发,自动的执行其中的逻辑代码:<div id="demodiv"> <input type="text" v-model="text">{{text}}</div><script> ...原创 2019-08-22 21:55:10 · 602 阅读 · 0 评论 -
Vue起步概念
VueVue.js 优势简洁:HTML 模板 + Vue 实例 + JSON 数据轻量:17kb,性能好设计思想:视图与数据分离,无需操作DOM社区:大量的中文资料和开源案例小结Vue.js 概念:Vue.js 是 MVVM 结构的前端框架Vue.js特点:简介、轻量、性能好、社区活跃MVC 框架1. 什么是框架封装与业务无关的重复代码,形成框架2. 框架的优势使用框...原创 2019-08-20 21:27:22 · 434 阅读 · 0 评论 -
常见 Vue.js 指令1
Vue.js 指令什么是 Vue.js 指令指令是带有 v- 前缀的特殊属性Vue.js 指令的用途它们作用于HTML元素,指令提供了一些特殊的特性,将指令绑定在元素上时,指令会为绑定的目标元素添加一些特殊的行为,我们可以将指令看作特殊的HTML属性(attribute)。Vue.js 指令的书写规范书写位置:任意 HTML 元素的开始标签内注意:一个开始标签内可写入多个指令,多个...原创 2019-08-21 08:48:02 · 458 阅读 · 0 评论 -
vue和token
Token 使用:下载 npm install --save jsonwebtoken 并且引用在登录成功之后创建一个token 并且把这个token 发送给前端 前端使用相应的技术保存起来(cookie 本地存储)//启动服务var express = require("express");var app = express();//3.引入加密模块var crypto...原创 2019-08-20 14:56:17 · 645 阅读 · 0 评论 -
Vue组件
Vue组件1. 什么是组件组件的概念:组件即自定义控件,是Vue.js最强大的功能之一组件的用途:组件能够封装可重用代码,扩展html标签功能组件的本质:自定义标签2. 组件的分类全局组件:不同作用域内均可使用局部组件:只在定义该组件的作用域内使用3. 全局组件建议:组件名 (字母全小写且必须包含一个连字符)。这会帮助你避免和当前以及未来的 HTML 元素相冲突。语法...原创 2019-08-23 21:45:53 · 777 阅读 · 3 评论