Vue
文章平均质量分 79
陈昊天--chenhaotian
这个作者很懒,什么都没留下…
展开
-
vue-router小示例
這是目錄結構: ps:這是上一個Home文件夾裏的index文件,懶得寫別的就直接拿來用了。 <template> <div id="home"> <Content /> <router-link to="/home/text1"> <span>text1</span> </router-link> <router-link to="/home/t原创 2020-07-24 12:49:20 · 201 阅读 · 0 评论 -
vue-router
先讓大家看一下目錄結構。 1、安装:cnpm install vue-router或yarn add vue-router 2、在新建router.js中引用如下代码 import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) 3、在src中新建views文件夹,在view新建例如:Home文件夹,在文件夹中新建index.vue,在index.vue放以下代碼 pa:要事先建好 Content <te原创 2020-07-24 12:32:57 · 89 阅读 · 0 评论 -
vue传值示例
Vue常用的三种传值方式有: 1.父传子 2.子传父 3.非父子传值 **1.父传子:** 父级:` ` 子級:` {{mag}} ` 2.子传父 子級: 父級: <template> <div id="app"> <HelloWorld v-on:childByValue="childByValue"></HelloWorld> <原创 2020-07-24 11:57:48 · 158 阅读 · 0 评论 -
Vue声明式渲染、条件与循环、事件绑定、双向绑定
声明式渲染 ps:data后面没有":" ,而是"()" 要有return 不然会报错 条件与循环 事件绑定 ps:v-on:click可以省略 v-on: 写成 @click 双向绑定 v-model 指令,它能轻松实现表单输入和应用状态之间的双向绑定。 ...原创 2020-07-22 17:23:57 · 96 阅读 · 0 评论 -
vue 生命周期
** vue 生命周期一共有八个阶段 1.beforeCreate (创建前) 2.created (创建后) 3.beforeMount (载入前) 4.mounted (载入后) 5.beforeUpdate (更新前) 6.updated (更新后) 7.beforeDestroy (销毁前) 8.destroyed (销毁后)** 下面有两个问题,给大家看下。 vue第一次页面加载会触发哪几个钩子函数呢? beforeCreate(创建前) created(创建后) before原创 2020-07-22 16:14:09 · 140 阅读 · 0 评论 -
vue 安装以及项目创建
** 1.vue的安装以及搭建 **1、安装git工具,便于在wind电脑上操作命令行,自行在网上下载安装,可以不安装 2、安装node,检查node安装是否成功,在git工具中输入node -v 3、检查npm是否安装成功,在git工具中输入npm(npm一般随node一起安装在电脑中,node如果成功了,npm基本都会没问题) 4、cnpm安装参考网站:添加链接描述from=tnpm 在git工具中输入:npm install -g cnpm --registry=https://registry.np原创 2020-07-21 15:23:36 · 858 阅读 · 4 评论