vue
q_NULI
这个作者很懒,什么都没留下…
展开
-
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)3、在src中新建view文件夹,在view新建例如:Home文件夹,在文件夹中新建index.vue<template> <div id="hom原创 2020-08-06 08:40:22 · 135 阅读 · 0 评论 -
ECharts中图表加载动画时间
一、代码截图主要就是这两个属性,弄了好久才出来动画效果直接上代码animationDuration: 3000,animationEasing: "cubicInOut",原创 2020-08-05 17:51:10 · 949 阅读 · 3 评论 -
vue Tab切换的几种方式
第一种 比较灵活简单的方式(切换改变部分的内容在组件中比较方便操作)<template> <div id="app"> <ul> <li v-for="(tab,index) in tabs" @click="toggle(index,tab.view)" :class="{active:active==index}"> {{tab.type}} </li> </ul>原创 2020-08-02 14:35:28 · 2348 阅读 · 1 评论 -
vue多页面配置以及实现路由跳转
1.在src文件夹下新建一个view文件夹,用于存放多个页面。2.在view文件夹下新建一个index文件夹,把public目录下的index.html,src目录下的main.js、App.vue统一挪到index文件夹下(记得修改相对应的路径)3.再新建一个文件夹是跳转的页面,例如我的是Dingtalk文件夹。再把上面的index下的三个文件复制过来,复制过来要把里面的内容全部清除,成为新的文件,然后再进行配置4.失去了默认的入口文件和页面,我们需要自己重新配置在项目的根目录下新建vue.原创 2020-08-02 14:31:55 · 4244 阅读 · 0 评论 -
Vue router路由的使用
1、首先进行安装,通过npm install vue-router,cnpm install vue-router,yarn add vue-router来进行安装2、在src目录下新建router.js文件,并引入代码import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)3、在src新建views文件夹,在views中新建Home文件夹,在Home中新建index.vue<template>原创 2020-07-24 12:44:03 · 135 阅读 · 0 评论 -
Vue传值方式
Vue有三种传值方式:父传子子传父非父子传值父组件向子组件传值父组件:<template> <div id="app"> <input type="text" v-model="name"> <HelloWorld msgs="父传子"></HelloWorld> //或 <HelloWorld :inputName="name"></HelloWorld> </原创 2020-07-23 21:44:41 · 116 阅读 · 0 评论 -
Vue渲染、循环、事件绑定
1.声明式渲染采用模板语法来将数据渲染进DOM系统<div>{{message}}</div>data(){ return{ message: 'Hello Vue!' }},第二种可以通过绑定元素<span v-bind:title="message"> 提示信息</span>data(){ return{ message: '页面加载于 ' + new Date().toLocal原创 2020-07-22 16:35:46 · 420 阅读 · 0 评论 -
vue安装到VS code
把vue项目导入到VS code中;1、切换终端2、命令:yarn serve退出:ctrl+c如果node_modules删除了,通过yarn install安装。原创 2020-06-06 10:55:38 · 183 阅读 · 0 评论 -
vue安装步骤
参考vue安装网址https://baijiahao.baidu.com/sid=1611685209047885545&wfr=spider&for=pcvue官网 https://cn.vuejs.org/网盘git工具连接:https://pan.baidu.com/s/1K6Ty9MYvlzM-FUVwO36z0w提取码:链接:https://pan.baidu.com/s/1K6Ty9MYvlzM-FUVwO36z0w提取码:52qu步骤:1、安装git工具;2、安原创 2020-06-06 10:45:28 · 398 阅读 · 0 评论