Idvms-CSDN博客

原创 vue-router（路由）基本操作

一、安装在终端用npm install vue-router或cnpm install vue-router或yarn add vue-router，建议使用cnpm安装。二、创建组件1、在src下新建router.js文件，并引用以下代码：2、在component里创建Content.vue文件，并引用以下代码3、在src中新建view文件夹，在views新建Home文件夹，在文件夹中新建index.vue，并引用以下代码：4、在router.js中设置代码如下：5、在App.

2020-07-24 13:04:00 114

原创 Vue自定义组件和组件传值（父传子、子传父、子传子）

一、Vue自定义组件1、在src中components中,新建Header.vue组件（首字母建议大写）2、Header.vue3、在app.vue中引用组件第一步引入组件第二步在export default注册组件第三步使用组件运行结果：二、Vue组件组件传值：父传子、子传父、子传子Vue常用的三种传值方式有：父传子子传父非父子传值1. 父组件向子组件进行传值父组件：子组件：运行结果：2. 子组件向父组件传值子组件：父组件：运行结果：

2020-07-23 14:19:46 759

原创 VUE的声明式渲染、条件与循环、事件绑定、双向绑定、生命周期

一、声明式渲染在App.vue中进行数据渲染效果图如下：二、条件与循环1.条件效果图如下：2.循环效果图如下：三、事件绑定v-on:click可以写成@click事件函数写在methods下效果图如下：四、双向绑定五、生命周期（一共分为8个阶段）1.beforeCreate(创建前)2.created(创建后)3.beforeMount(载入前)4.mounted(载入后)5.beforeUpdate(更新前)6.updated(更新后)

2020-07-22 17:50:48 110

原创 Vue的安装

Vue环境安装配置1、安装git工具，便于在wind电脑上操作命令行，自行在网上下载安装，可以不安装2、安装node,检查node安装是否成功，在git工具中输入node -v3、检查npm是否安装成功，在git工具中输入npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题)4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NPM?from=tnpm在git工具中输入：npm install -g cnpm --re

2020-07-22 10:50:53 144

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人