![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2
文章平均质量分 72
idiot_MAN
这个作者很懒,什么都没留下…
展开
-
初识Node.js
(1) 什么是Node.jsNode.js 是一个基于Chrome V8引擎的JavaScript运行环境Node.js的官网地址:https://nodejs.org/zh-cn/浏览器是JavaScript的前端运行环境Node.js是JavaScript的后端运行环境Node.js无法调用DOM和BOM等浏览器内置API(2) node.js可以做什么基于Express框架(http://www.expressjs.com.cn/),可以快速构建Web应用。原创 2023-03-06 15:58:25 · 365 阅读 · 0 评论 -
用vue实现简单的列表过滤
用vue实现简单的列表过滤原创 2022-12-23 16:38:18 · 452 阅读 · 0 评论 -
解决跨域的方案:JSONP,cors方式 ,vue-cli反向代理(最常用的方法)
Vue.config.js的配置(配置反向代理)----在module.exports中。原创 2022-10-19 10:31:30 · 301 阅读 · 0 评论 -
报错: vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You may want to run t
对于已经用了那么久得2.9.6版本而言,我显然是舍不得得 ,但是迫于无奈 ,还是更新了版本。此处应为vue的版本存在更新,需要先卸载vue cli2,然后重新安装vue cli 3。最近打开用vue create demo 时 ,遇到以下报错,提示让我更新脚手架。原创 2022-09-29 22:22:40 · 5124 阅读 · 1 评论 -
Vuex使用和v-model语法详细教程
/ 初始化vuex对象state: {// 管理数据count: 0,},})如何在组件中获取count?state: {// 管理数据},// d定义mutations}})mutations是一个对象,对象中存放修改state的方法// 方法里的参数 第一个参数是当前store的state属性// 第二个参数payload 运输参数 调用mutations的时候 可以传递参数},},},如何在组件中调用mutations?actions: {原创 2022-09-29 21:43:32 · 924 阅读 · 0 评论 -
VUE路由案例(商品列表)---vue练习必选项目(附原码)
练习VUE基础知识点,练习了组件封装,父子组件之间得通信,组件插槽和组件路由,是一个很不错得练习项目。原创 2022-09-28 22:23:21 · 1067 阅读 · 0 评论 -
vue路由---超级详细,通俗易懂(完整版)
vue集成路由vue-router模块包,它和vue.js深度集成定义映射规则-----模块化—提供2个内置全局组件。原创 2022-09-28 22:14:21 · 1223 阅读 · 0 评论 -
组件插槽和自定义属性
除了核心功能默认内置的指令(v-model和v-show),vue允许我们注册自定义指令。v-xxxxhtml+css的复用的主要形式是组件你需要对普通DOM元素进行底层操作,这时候就会用到自定义指令目标:获取标签 扩展额外的功能使用自定义指令,传入一个值需求:定义color指令,传入一个颜色,给标签设置文字颜色。原创 2022-09-26 10:19:24 · 573 阅读 · 0 评论 -
$refs 、$nextTic、动态组件、name的使用
我们封装的组件,可以自己定义name属性组件名 让使用者有个统一的前缀风格。使用vue内置的keep-alive组件,可以让包裹的组件保存在内存中不被销毁。 Vue内置的keep-alive组件,包裹要频繁切换的组件。vue内置component组件,配合is属性,设置要显示的组件。使用keep-alive内置的vue组件,让动态组件缓存。组件切换会导致组件被频繁的销毁和重新创建,性能不高。多个组件使用一个挂载点,并动态切换,就是动态组件。可以用组件的name属性值,来注册。原创 2022-09-26 10:16:00 · 524 阅读 · 0 评论 -
vue生命周期
组件 从到的整个过程 就是生命周期原创 2022-09-22 22:39:24 · 189 阅读 · 0 评论 -
vue组件通信---父传子、子传父、非父子之间的数据传递
/ 导出空白的vue对象。原创 2022-09-22 09:24:30 · 575 阅读 · 0 评论 -
vue面试题(二)
Vue.js允许自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式全局的用Vue.filter()局部的用filters属性。原创 2022-09-21 10:42:24 · 110 阅读 · 0 评论 -
vue脚手架---组件的使用
一个页面,可以拆分成一个个组件(一个vue文件),一个组件就是一个整体,每个组件可以有自己独立的结构,样式和行为(html,css,js)单双标签都可以或者小写加 - 形式,运行后,会把这个自定义标签当做组件解析,使用 组件里封装的标签替换到这个位置。在style上假如scoped属性,就会在此组件的标签上加上一个随机生成的data-v开头的属性。: 封装的思想,把页面上 可复用的部分,封装为组件,从而方便项目的开发和维护。每个组件都是一个独立的个体,代码里体现为一个独立的vue文件。原创 2022-09-21 09:33:21 · 742 阅读 · 0 评论 -
@vue/cli脚手架的安装
项目中没有webpack.config.js文件,应为@vue/cli用的vue.config.js// 覆盖webpack的配置 devServer : {//自定义服务配置 open : true , //自动打开浏览器 port : 3000 , } , })原创 2022-09-20 16:56:49 · 229 阅读 · 0 评论 -
vue基础----key唯一不重复,计算属性,vue侦听器
计算属性是基于他们的依赖项的值结果进行缓存的,只要依赖的变量不变,就直接从缓存取结果。新DOM里数据的key存在,去旧的虚拟DOM结构里找到key标记的标签,复用标签。新DOM里数据的key存在,去旧的虚拟DOM结构里没有找到key标记的标签,创建。,如果需要v-for移动DOM,你需要用特殊属性 key 来提供一个排序提示。旧DOM结构的key,在新的DOM结构里没有, 就移除key所在的标签。计算属性也是变量,如果想要直接赋值,需要使用。想要侦听一个属性变化,使用侦听属性watch。原创 2022-09-20 14:26:25 · 843 阅读 · 0 评论 -
vue基础-动态class、动态style、vue过滤器、vue计算属性vue基础-动态class、动态style、vue过滤器、vue计算属性
转换格式,过滤器就是一个函数,传入值返回处理后的值过滤器只能用在插值表达式 和v-bind 表达式字母转大写:输入 hello 输出 ‘HELLO’字符串翻转 输入’hello world’ 输出 ’dlrow olleh‘时间戳转换为时间日期格式全局: Vue.filter(‘过滤器名’,(值)=>{return 返回处理后的值})局部: filters:(过滤器名字,(值)=>{return 返回处理后的值})原创 2022-09-19 22:16:24 · 991 阅读 · 0 评论 -
vue数据监听 -key的作用 和diff算法
2:数组截取 3:更新值数组非变更方法,返回新数组,不会导致v-for更新,可采用覆盖数组 或this.$set。原创 2022-09-19 16:01:02 · 1283 阅读 · 0 评论 -
VUE基础常见面试题
即模型-视图-视图模型, VM是这个设计模式的核心, 连接v和m的桥梁, 内部会监听DOM事件, 监听数据对象变化来影响对方. 我们称之为数据绑定。 Vue 处理指令时,v-for 比 v-if 具有更高的优先级, 虽然用起来也没报错好使, 但是性能不高, 如果你有5个元素被v-for循环, v-if也会分别执行5次. MVC: 也是一种设计模式, 组织代码的结构, 是model数据模型, view视图, Controller控制器, 在控制器这层里编写js代码, 来控制数据和视图关联。原创 2022-09-18 21:24:21 · 109 阅读 · 0 评论 -
vue指令
标签名 v-bind:属性名=“属性值” /> v-show用的是display:none控制标签的显示隐藏 (频繁切换)v-if 用的是插入和删除节点来控制标签的显示隐藏。v-for=“(值,索引) in 目标结构”v-model.修饰符=“vue数据变量”v-model=“vue数据变量”v-for=“值 in 目标结构”让v-model拥有更强大的功能。原创 2022-09-18 21:23:41 · 228 阅读 · 0 评论 -
Vue基础概念
渐进式:逐渐进步,想用什么就用什么,不用全部都用 vue从基础开始学习,循序渐进向前学习声明式渲染—组件系统—路由—vuex库: 封装的属性和方法(jquery)框架:拥有自己的规则和元素,比库强大的多(vue.js)原创 2022-09-18 21:23:09 · 202 阅读 · 0 评论