zRJ࿐-CSDN博客

原创 Vue-router路由安装

Vue-router 安装vue-router npm install vue-router或cnpm install vue-router或yarn add vue-router 新建router.js文件，引入代码 import Vue from ‘vue’ import VueRouter from ‘vue-router’ Vue.use(VueRouter) 在src中新建view文件夹，在view新建一个Home文件夹(文件夹名字可以自定义)，在Home文件夹中新建index

2020-07-24 11:48:23 169

原创 Vue组件组件传值：父传子、子传父、非父子组件传值

Vue组件组件传值方式：父传子、子传父、非父子组件传值父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息父传子父组件: 子组件: 2. 子传父子组件: 父组件：非父子组件传值非父子组件之间传值，需要定义个公共的公共实例文件bus.js，作为中间仓库来传值，不然路由组件之间达不到传值的效果。组件A: 组件B: Vue三种常用的传值方式就介绍完了，如果对你有帮助的话，点点关注吧~ ...

2020-07-23 18:54:42 248

原创 Vue生命周期

Vue生命周期一共8个阶段 1、beforeCreate(创建前) 2、created(创建后) 3、beforeMount(载入前） 4、mounted（载入后) 5、beforeUpdate(更新前) 6、updated(更新后) 7、beforeDestroy(销毁前） 8、destroyed（销毁后) 下面这是几个问题拓展：问：vue第一次页面加载会触发哪几个钩子函数? 答：beforeCreate、created、beforeMount、mounted 问：DOM渲染在哪个周期中就已经完成?

2020-07-22 17:14:05 148

原创 vue的声明式渲染、条件与循环、事件绑定、双向绑定

Vue.js的核心是一个允许采用的简洁的模板语法来声明式地将数据渲染进DOM的系统：声明式渲染 {{ message }} 页面显示条件与循环 (1) v-if seen：false不显示seen：ture显示（自己试试）页面显示 (2) v-for 页面显示：事件绑定 v-on:click 页面显示双向绑定 v-model 页面显示 ...

2020-07-22 16:38:04 148 1

原创 vue：VS Coud打开终端，提示 “无法加载文件C: \Users\16775\AppData\Roaming \npm\yarn.ps1，因为在此系统上禁止运行脚本” 的错误

yarn ;无法加载文件C: \Users\16775\AppData\Roaming \npm\yarn.ps1,因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go. microsoft . com/ fwlink/?L inkID=135170 中的about Execution Policies。创建vue时出现以管理员身份运行PowerShell （在桌面开始菜单—所有程序—WindowsPowerShell）打开之后是这样的输入get-ExecutionPolic

2020-06-26 12:39:24 328

原创 vue与vue-cli脚手架的安装

vue与vue-cli脚手架的安装第一次写，有很多的不足,请大家谅解 vue与vue-cli脚手架的安装安装git工具(如果不想安装，cmd也可）安装node环境(在官网下载),检查node安装成功，在git工具或cmd窗口输入node -v 看npm是否安装成功，在git工具或cmd窗口输入npm (npm随着node安装在电脑中，node安装上了，npm基本都会没问题) 安装淘宝镜像cnpm，(比npm下载速度快）在git工具或cmd窗口中输入： npm install -g c

2020-06-26 12:13:01 130

Zheng______的博客