vue等诸多概念记录

讲的很好,转载记录下,转载自: https://www.cnblogs.com/taowd/p/11808710.html vue学习笔记-遗留问题记录 Node.js是什么?对node.js的理解官网解释:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时. 这是一种通过JavaScript语言开发web服务端的东西 Node 是一个服务器程序.但是,基础 Node 产品肯定不像 Apache 或 Tomcat node.js有非阻塞,事件驱动I/O等特性…

极客时间_Vue开发实战_05.Vue组件的核心概念(1)：属性

05.Vue组件的核心概念(1):属性代码地址: https://github.com/tangjinzhou/geektime-vue-1/blob/master/%E6%BC%94%E7%A4%BADEMO%E6%BA%90%E7%A0%81/src/views/1.1/Props.vue 三个核心概念 1分44秒第一种属性的写法,平时开发的时候不推荐这么做,对系统后期的维护是不利的推荐使用的方式: 这是自定义的校验 list是一个数组,默认是一个空的数组 isVisible默认是fa…

极客时间_Vue开发实战_06.Vue组件的核心概念(2)：事件

06.Vue组件的核心概念(2):事件通过emit传递给父组件我们点击了重置失败,上层的div的click=handleDivClick是接收不到.重置失败的点击的行为的通常情况下,你不用.stop也可以到达到一个冒泡的效果课后习题 this.$emit的返回值是什么?…

极客时间_Vue开发实战_07.Vue组件的核心概念(3)：插槽

07.Vue组件的核心概念(3):插槽严格来的说在2.0之后已经不分区这两种插槽的概念了. 因为它底层的实现已经趋向于相同了. 2.6为了兼容2.5的版本,现在依然可以用这两种写法作用域插槽就是多了 slot-scopt 作用域插槽,通过v-bind把值传递过去浏览器的效果都是父组件传递给子组件的内容,然后子组件根据传递的内容来执行他们的行为大属性的Dmeo 全部通过属性声明的形式进行挂载父组件内,完全通过属性的形式传递通过方法的形式传递给子组件解析通过属性传递的插槽内容通过函…

vue.js 精学组件记录

组件需要注册后才可以使用. Vue.component('my-component',{ template:'<div>这是组件内容</div>' }): 局部注册组件 var Child = { template:'<div>局部注册组件内容</div>' } var app = new Vue({ el:"#app", components: { 'my-component':Child } }) Vue组件模板在某些情况下会受到限制…

vue初学：基础概念

一.vue使用步骤: 1.引包vue.js 2.html中写要操作的DOM节点 3.创建vue对象:new Vue({options}); 4.配置options:el:(要操作的对象,用选择器,同jquery), emplate:(模板,指定要插入的内容:{{插值表达式}},注:必须只有一个根节点), data(function(){return key:emplate中要操作的数据}), methods:{函数名:function(){函数体,(this.xxx调用data中定义的数据)(t…

2.基础：Vue组件的核心概念

一.组件基础和注册组件概念组件系统是 Vue 的另一个重要概念,他的核心就是封装和复用. 细节组件的name必须是全局唯一. 二.属性.事件和插槽组件的三大核心概念:属性.事件和插槽. 属性,事件,插槽好文 1.属性 1.1导言 vue组件 = vue实例 = new Vue(options) 不同的组件只不过是options的不同,90%的工作都是围绕配置options来进行 1.2分类 2.事件事件冒泡阻止事件冒泡 3.插槽分类: 默认插槽具名插槽作用域插槽本质: 作用域…

RAID概念记录

之前对RAID概念有一些基本的认知,这次同事培训k8s 的持久卷,提到了RAID的一些概念和用法,记录一下. RAID ( Redundant Array of Independent Disks )即独立磁盘冗余阵列,通常简称为磁盘阵列. 与之对应的是JBOD ( Just a Bunch of Disks ),一组没有控制软件提供协调控制的磁盘集合. https://blog.csdn.net/ensp1/article/details/81318135 这文章将RAID的概念将的很清楚.…

Vue框架-组件的概念及使用

目录一.Vue组件 1. 组件分类 1.1 根组件 1.2 局部组件 1.3 全局组件 2. 组件的特点 3. 如何创建组件 4. 组件的数据局部化 5. 组件传参·父传子 6. 组件传参·子传父一.Vue组件概念:html.css与js的集合体,为该集合体命名,用该名字复用html.css与js组成的集合体 => 复用性 1. 组件分类 1.1 根组件根组件:new vue()生成的组件. new Vue({ el: 'section', data: {}, methods: {},…

vue cli+axios踩坑记录+拦截器使用，代理跨域proxy（更新）

16319 1.首先axios不支持vue.use()方式声明使用,看了所有近乎相同的axios文档都没有提到这一点建议方式在main.js中如下声明使用 import axios from 'axios'; Vue.prototype.$axios=axios; 那么在其他vue组件中就可以this.$axios调用使用 1 2 3 4 2.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题,如我在本地localhost访问接口http://40.00.100.100:…

vue cli+axios踩坑记录+拦截器使用，代理跨域proxy

1.首先axios不支持vue.use()方式声明使用,看了所有近乎相同的axios文档都没有提到这一点建议方式在main.js中如下声明使用 import axios from 'axios'; Vue.prototype.$axios=axios; 那么在其他vue组件中就可以this.$axios调用使用 2.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题,如我在本地localhost访问接口http://40.00.100.100:3002/是要跨域的,相当…

【vue】挂载点概念

## vue vue是mvvm模型,自底向上逐层应用,用于构建用户界面的渐进式框架. ### 挂载点.模板.实例挂载点,vue仅处理挂点下面的内容(dom节点).挂载点内部的为模板. <div id="app"> <p>{{ mag }}</p> </div> <script> new Vue({ el: "#app", data() { mag: 'hello, '; }, }); Vue.compon…

Vue学习笔记和代码记录

## 安装 * 直接引入链接:建议初学者使用:* 通过node.js的NPM安装Vue:* 通过node.js的NPM安装Vue-cli脚手架(推荐安装方式): ## 基础 ### 数据类型 * 字符串:title: 'hello world':* 数字:num:123:* 数组:arrow: ['apple', 'banana','orange']:* 对象:name: {firstName:'ming',lastName:'Li'}:* 布尔值:true/false: ### 模版数据绑定…

vue学习笔记-遗留问题记录

Node.js是什么?对node.js的理解官网解释:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时. 这是一种通过JavaScript语言开发web服务端的东西 Node 是一个服务器程序.但是,基础 Node 产品肯定不像 Apache 或 Tomcat node.js有非阻塞,事件驱动I/O等特性,从而让高并发(high concurrency)在的轮询(Polling)和comet构建的应用中成为可能 Node 是一个程序,能够完成 Apache…

Vue学习笔记:Vue组件的核心概念(下)

1.双向绑定和单向数据流: 本质上还是单向数据流视图<——>数据 v-model:仅仅是一个简写,用更少代码去实现功能. 自定义事件 .sync 修饰符 2.虚拟DOM及KEY属性作用 jquery: vue: virtual dom 新旧DOM树比较同层级比较: 节点移动不带Key移动带Key移动插入有KEY(性能高) 节点删除新建 (算法因为同层级策略,无法达到最优解) 3.如何触发组件更新数据驱动任何修改DOM的行为都是在作死! 数据来源(单向) 状态data和属性pro…

搭建的一套vue打包方案，方便记录一下

package.json 配置如下: { "name": "rise-vue", "version": "1.0.0", "description": "rise vue", "main": "index.js", "scripts": { "watch": "webpack --mode deve…

浅谈Vue.js2.0某些概念

Vue.js2.0是一套构建用户界面的渐进式框架,目标是实现数据驱动和组件系统. A 渐进式框架 Vue.js是一个提供MVVM数据双向绑定的库,只专注于UI层面,这是它的核心.它本身没有解决SPA时的路由切换(vue-router), 也没有解决大规模状态管理(vuex),更没有提供工程的构建方式(webpack). 它给你的是充分的灵活性,在实现过程中,需要在此基础上不断添加配套工具(允许尝试各种想用的方案). vuejs核心 + 生态圈,是渐进性增强的,是一个在整体选型更为灵活的栈.…

vue常用时间修饰符记录

1.stop:阻止冒泡如下:正常情况下,我们点击最内层的inner_inner的时候,事件会向上冒泡,inner 和outer也会执行.我们在inner_inner事件加上.stop修饰符,就会阻止事件向上冒泡,功能等价于原来的event.stopPropagation() <div @click="outer">Out <div @click="inner">Inner <div @click.stop="inner_in…

使用 vue.js 的一些操作记录

vue.js不支持ie8以下 1. 在html的属性中赋值: 需要在属性前加上 v-bind…

vue项目从0开始记录

1.安装vue-cli 2.通过脚手架进行项目的创建 4.配置第三方UI库快速开发(如ivew,element ui) 5.配置axios 库一.安装vue-cli npm install -g @vue/cli 或 yarn global add @vue/cli 安装完成cmd vue -V查看版本创建项目: vue create my-project 或者 vue ui 官网:https://cli.vuejs.org/zh/ 二.创建项目由于比较简单百度即可,vue u…

【笔记】《通俗详细地讲解什么是P和NP问题》的概念记录

1问题规模: 要计算或解决一个问题,该问题通常有一个大小规模,用n表示. 2算法的时间复杂度计算次数与n的关系函数.(因为计算次数隐含时间). 3多项式时间复杂度所有形如a*n^k+b*n^(k-1)+c*n^(k-2)……都可记为O(n^k), n^k表示n的k次方,*为乘号,这样的复杂度称为多项式时间复杂度. 4指数时间复杂度若是时间复杂度形如k^n,k为大于1的常数,或n!,或更大的,就称为指数型时间复杂度.显然,当n足够大时,指数型时间比多项式要大得多的多. 5 P问题能用多项式…

关于Vue生命周期的小记录

1.created的时候才能获取到data中的属性和methods中的方法 2.特殊情况:beforeCreate中如果是进行了ajax请求,在请求回调中对属性赋值是可以的,因为页面渲染速度比ajax请求快,所以实际赋值的时候已经拿到了属性.…

vue打包报错问题记录

1. assetsPublicPath: '/' 修改为 assetsPublicPath: './' 2. untils.js里面增加 publicPath: '../../' 重新运行打包命令 npm run build…

vue跳转页面问题记录

跳转到别的页面带参数 const space = this.pageHelperspace['search'] = this.searchconst query_params = Object.assign({}, row, space)this.$router.push({name: 'ansiblelogdetails', query: query_params || this.redirect}) 接收 this.queryName = this.$route.query.queryNam…