![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
荏苒(i,
这个作者很懒,什么都没留下…
展开
-
vue-router的使用与安装
一、vue-router的安装1.在终端输入npm install vue-router或cnpm install vue-router或yarn add vue-router2.新建router.js中引用如下代码import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)二、vue-router的使用1.在src中新建view文件夹,在view新建例如:Home文件夹,在文件夹中新建index.vue原创 2020-07-24 18:36:40 · 191 阅读 · 0 评论 -
vue组件的创建和使用
创建vue组件:大概分为以下几步:1.先在component里新建文件,XXX.vue2.在建好的组件里,输入vue会有代码提示3.在app.vue里写import XXX(组件名)from ‘./components/XXX.vue’4.在下面的components:{}里写组件名5.在app.vue顶部使用组件第一步 先在component里新建文件,XXX.vue第二步:打打大叔大婶vue组建的传值:父传子、子传父、子传子这里重点说一说父传子和子传父。...原创 2020-07-23 17:46:52 · 312 阅读 · 0 评论 -
浅谈Vue生命周期
Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。一共分为8个阶段:1.beforeCreate(创建前)2.created(创建后)3.beforeMount(载入前)4.mounted(载入后)5.beforeUpdate(更新前)7.beforeDestory(销毁前)8.destroyed(销毁后)vue第一次页面加载会触发beforeCreate原创 2020-07-22 17:50:21 · 192 阅读 · 0 评论 -
vue基础
一、声明式渲染什么是声明式渲染,声明式渲染是vue对数据进行操作的模式,也叫做响应式渲染,当dom节点上绑定了vue的对象的属性时,如果这个属性发生了改变,无需你进行其它的操作,页面上的数据会自动发生变化,所以叫做响应式渲染。Vue.js的核心是一个允许采用的简洁的模板语法来声明式地将数据渲染进DOM的系统。举个最简单的例子,直接上代码:运行效果如下图:二、条件与循环条件判断使用 v-if 指令:运行效果如下图:三、事件绑定使用v-onclick指令可以添加事件绑定,语法:v-oncl原创 2020-07-22 17:40:08 · 485 阅读 · 0 评论 -
vue环境安装配置
1.在网上下载安装git工具(可不装)2.在git.cmd工具中输入 node -v3.在git工具输入npm检查npm是否安装成功4.在git工具中输入npm install -g cnpm --registry=https://registry.npm.taobao.org5.检查是否安装成功:输入cnpm6.安装yarn:git工具输入npm install -g yarn7.检查是否安装成功:yarn -v8.vue-cli3脚手架安装:输入cnpm install -g @vue/c原创 2020-07-22 13:13:32 · 388 阅读 · 0 评论