Vue
关注
分享
扫一扫
我是你要找的bug
这个作者很懒，什么都没留下…
展开
-
vue-element-admin安装步骤
1、下载 https://github.com/PanJiaChen/vue-element-admin.git2、打开项目文件cdm安装：npm install -g cnpm --registry=https://registry.npm.taobao.org3、cnpm install4、npm run dev原创 2020-11-04 16:14:52 · 786 阅读 · 0 评论 -
vue路由的两种状态
vue路由的两种状态1、默认的是hash模式，表现形式（www.abc.com/#/list）；即在url中有个#这个#前面是域名，#后面是位置；当页面变化的时候改变#后面的值，切换页面的位置，达到url不改变，页面不刷新，即单页面应用。这个可以用a标签的锚点来解释：<a href="#one">one</a><div id="one">one</div>当点击a标签的时候页面会跳到div id=one所在的位置当改变#后面的内容的时候浏览原创 2020-10-30 14:59:39 · 521 阅读 · 0 评论 -
子级向父级传递（自定义事件）
props用于父组件向子组件传递数据，子组件向父组件传递需要使用自定义事件来完成什么时候需要自定义事件呢？当子组件需要向父组件传递数据时，就要用到自定义事件我们之前学的v-on不仅仅可以用于监听DOM事件，也可以用于组件之间的自定义事件自定义事件的流程：在子组件中，通过$emit()来触发事件在父组件中，通过v-on来监听子组件事件<!DOCTYPE html><html> <head> <meta charset="utf-8">.原创 2020-09-09 18:22:56 · 624 阅读 · 0 评论 -
父组件向子组件传值props
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <cpn v-bind:cmovies="movies" :cmessage="message"></cpn> </div>原创 2020-09-09 17:18:47 · 201 阅读 · 0 评论 -
Vue父组件和子组件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <cpn2></cpn2> <!-- <cpn1></cpn1> --> </div&原创 2020-09-09 12:19:18 · 165 阅读 · 0 评论 -
Vue全局组件和局部组件
注册组件分为：全局组件和局部组件全局组件意味着可以在多个Vue的实例下面使用全局组件：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <my-cpn></my-cpn> <my-cpn&g原创 2020-09-09 11:53:50 · 161 阅读 · 0 评论 -
什么是组件化以及注册组件的基本步骤
人面对复杂问题的处理方式：任何一个人处理信息的逻辑能力是有限的，所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆内容，但是，我们有一种天生的能力，就是将问题进行拆解，如果将一个复杂问题拆分成多个可以处理的小问题，再将其放在整体中，就会发现大的问题迎刃而解。组件化也是类似的思想：如果我们将一个页面中所有的处理逻辑全都放在一起，处理起来就会特别的复杂，而且不利于后续的管理以及扩展。但如果，我们将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和原创 2020-09-08 17:18:43 · 363 阅读 · 0 评论 -
v-model的实现原理
v-model原理：v-model是个语法糖 包含两个操作：v-bind绑定一个value属性v-on指令给当前元素绑定input事件<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id="app"><input ty.原创 2020-09-07 13:44:34 · 1361 阅读 · 0 评论 -
为什么使用v-for时，给对应的元素或组件添加上一个key属性？
为什么需要这个key属性呢？这个其实和Vue的虚拟DOM的Diff算法有关系当某一层有很多相同的节点时，也就是列表节点时，我们希望插入一个新的节点我们希望可以在B 和 C之间加一个F，Diff算法默认执行起来是这样的：即把C更新成F，D更新成C，E更新成D，最后再插入E，这样是不是很没有效率？所以我们需要使用key来给每一个节点做一个唯一标识Diff算法就可以正确的识别此节点找到正确的位置区插入新的节点所以：key的作用主要是为了高效的更新虚拟DOM代码举例：<!DOC原创 2020-09-02 14:54:37 · 316 阅读 · 0 评论 -
Vue+Element 实现根据题型显示不同答案类型
选择不同的题型显示不同的答案类型原创 2020-07-17 10:58:41 · 1097 阅读 · 0 评论 -
Vue+Element环境搭建与安装
1、安装node，确保安装4.0版本以上。2、创建一个项目文件夹demo3、打开项目文件夹安装Vue-cli输入：cnpm install -g vue-cli 回车，等待安装。。。输入：vue 查看vue相关信息4、初始化项目vue init webpack last_demo 然后等一下就会出现相关的信息，再自己去选择安装的一些设置安装完的时候，你的文件夹就是这样了：如果你的文件夹中没有node_modules的文件，那么你就要在命令行中打开你的项目并输入：npm install原创 2020-07-01 14:32:53 · 297 阅读 · 0 评论 -
vue父子组件之间的传值
1、父组件向子组件传值可以给子组件传入一个静态的值：<blog-post title='My journey with Vue'></blog-post>一般需要传动态的值，需要v-bind绑定：//动态赋予一个变量的值<blog-post v-bind:title="post.title"></blog-post>//动态赋予一个复杂表达式的值<blog-post v-bind:title="post.title + 'by' + po原创 2020-06-30 14:00:19 · 207 阅读 · 0 评论 -
Vue总结
文章目录生命周期：V-指令MVVM模式MVC模式组件参数传递VuexVue.js的两个核心route & routercomputed & watch生命周期：什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期。生命周期钩子 = 生命周期函数 = 生命周期事件八个钩子函数：创建期间的生命周期函数：beforeCreat...原创 2020-05-07 11:41:07 · 637 阅读 · 0 评论 -
Vue v-model数据双向绑定
<div id="app"> <input type="text" v-model="username" value=""/> <h3>{{username}}</h3></div><script type="text/javascript>" let app=new Vue({ el："#app...原创 2020-05-03 12:40:05 · 213 阅读 · 0 评论 -
Vue Vuex
什么是VUEX？主要应用于Vue.js中管理数据状态的一个库通过创建一个集中的数据存储，供程序中所有组件访问根组件下面的两个组件想要获取根组件的数据的话 可以通过Vue中的prop属性进行传值建议将npm的注册表源设置为国内的镜像可以提升安装速度设置镜像 ：（持久使用 ）npm config set registry http://registry.npm.taobao.org/...原创 2020-04-05 14:12:30 · 213 阅读 · 0 评论 -
Vue组件的生命周期及属性
一、 生命周期生命周期的三个阶段：初始化显示、更新显示、死亡每一个阶段都会对应一些生命周期的回调函数（钩子函数）八个钩子函数对应组件的生命周期：beforeCreate(){} 该组件初始化之前 执行的钩子函数created(){} 该组件初始化完成之后beforeMount(){} 该组件挂载之前mounted(){} 该组件挂载完成beforeUpdate(){} 该组件...原创 2020-04-04 13:20:05 · 279 阅读 · 0 评论 -
Vue 组件（component）
App.vue 是Vue项目的主模板（主组件）自己定义一个文件 component用来放置子组件如何创建组件：直接建立对应的Vue文件就是单个组件(例如：systemtoptitle.vue、systemleftmenu.vue、systemrightcontent.vue三个组件)如何注册组件：创建的单个组件需要挂在到app组件里面，就在该组件内部直接引入子组件1、在script里面引入...原创 2020-04-02 22:16:00 · 276 阅读 · 0 评论 -
Vue Router
安装路由：cnpm install vue-router --save-devVueRouter():用于创建路由器的构造函数相关API：（1）VueRouter():用于创建路由器的构造函数new VueRouter({ //配置对象//多个配置项})（2）路由配置routes：[ { //数组对象 //配置重定向 path:"*", redirect:"/" },{...原创 2020-04-01 14:32:00 · 174 阅读 · 0 评论 -
Vue配置及语法
文件类型：node_modules 项目的依赖包文件src 开发文件 开发在src文件里面操作index.html 是整个项目的首页package.json 配置文件README.md 命令文件static 静态资源目录文件，放置静态的css或者图片config 项目的配置文件main.js 项目的启动文件——new Vue：实例化Vue对象命令：npm install...原创 2020-03-26 17:40:45 · 330 阅读 · 0 评论