Vue
文章平均质量分 70
疯狂平头哥前端乐园
happy coding happy cooking
展开
-
vue实现数据双向绑定
Vue.js 是采用 Object.defineProperty 的 getter 和 setter,并结合观察者模式来实现数据绑定的。 当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时,Vue 将遍历它的属性,用 Object.defineProperty 将它们转为 getter/setter。用户看不到 getter/setter,但是在内部它们让 Vue 追踪依赖,在属性被访问和修改时通知变化。 Observer :数据监听器,能够对数据对象的所有属性进行原创 2020-09-27 21:55:37 · 223 阅读 · 0 评论 -
在vue中通过索引修改数组中的数据是否是响应式的
一句话:先抛结论,在vue中通过索引修改数组中的数据页面是不会改变的也就不是响应式以下是具体的代码案例var vm = new Vue({ el: '#app', data: { // 数组类型的类型 list: ['apple', 'orange', 'banana', { a: 123 }], // 对象类型的数据 info: { name: 'lisi', age: 12原创 2020-08-28 20:44:12 · 1877 阅读 · 0 评论 -
前端解决跨域
跨域:在浏览器里面当协议、域名、端口有任何一项不同的时候就会产生跨域处理跨域的方式:JsonP(只能处理get请求)、cors(后端开启)、代理服务器前两种已经在之前的文章有所解释可参观JsonP和CROS解决跨域本文介绍代理服务器解决跨域的问题 跨域只会在开发存在,项目的发布时候,会将项目资源整合在一起放在一个服 务器下就不会存在跨域问题跨域值仅存在浏览器中,服务器与服务器之间的数据请求是不存在跨域的问题,于是代理服务器解决跨域的思路就是:在本地设置在需要发送请求的时候本地服务器localh原创 2020-08-28 19:48:38 · 126 阅读 · 0 评论 -
vue项目优化推荐
项目优化–进度条添加安装nprogress,ui界面依赖安装依赖,搜索nprogress进行安装即可也可以在终端中安装 npm i nprogress -S在main.js中导入进度条组件//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'利用NProgress.start()显示进度条(利用请求拦截器)NProgress.start()利用NProg原创 2020-08-26 09:06:54 · 144 阅读 · 0 评论 -
前端路由简单理解即应用
路由的概念路由的本质就是一种对应的关系,比如说我们在url中地址中输入我们需要访问的url地址之后,浏览器要去请求这个url地址对应的资源那么url地址和真实的资源之间就有一种对应关系,就是路由路由分为前端路由和后端路由后端路由1.概念:根据不同的用户URL请求,返回不同的内容2.本质:URL请求地址与服务器资源之间的对应关系前端路由1.概念:根据不同的用户事件,返回不同的页面内容2.本质:用户事件与事件处理函数之间的对应关系了解页面数据渲染的演变最初页面的渲染是由后端路由来原创 2020-08-12 23:16:10 · 163 阅读 · 0 评论 -
vue基础之常用特性
vue 常用特性表单基本操作获取单选框中的值通过v-model<!---1. 两个单选框需要同时通过v-model 双向绑定 一个值 ----><!---2. 每一个单选框必须要有value属性且value值不能一样 ----><!---3. 当某一个单选框选中的时候v-model会将当前的value值改变data中的数据 ----><!---下面是监控gender ----><!---laber的for属性的作用: 通过for属原创 2020-08-10 17:22:22 · 363 阅读 · 0 评论 -
Vue基础之必备指令
Vue是什么?vue 是一套用于构建用户界面的渐进式框架,vue核心库只关注视图层,不仅易上手还便于与第三方库或既有项目的整合指令:本质就是属性,Vue中以v-开头的属性就是指令v-clooak `防止页面加载时出现闪烁问题v-clooak的使用 <style type="text/css"> /* 1、通过属性选择器 选择到 带有属性v-cloak的标签让他隐藏 */ [v-cloak]{ /* 元素隐藏 */ display:原创 2020-08-10 11:45:28 · 154 阅读 · 0 评论