
Vue
黎小蛮
这个作者很懒,什么都没留下…
展开
-
Vue生命周期
1、在beforeCreate 和Created之间,进行初始化事件,进行数据的观测。此时还没有el选项2、在Created钩子函数和beforeMount这一阶段发生的事情就比较多了。首先 会判断对象是否有el选项,如果有就继续编译,如果没有则停止编译,也就意味着生命周期停止,直到在该实例上调用vm.$mount(el)template参数选项对生命周期的影响如果vue实例对象中有tem...原创 2019-10-18 09:19:18 · 104 阅读 · 0 评论 -
vue-router路由的使用
我们都知道,Vue.js是用来开发单页面应用的,那什么是单页面应用呢,单页面应用英文简写就是SPA,也就是根据不同的url地址,显示不同的内容,但显示在同一个页面中,所以称为单页面应用。那怎么根据不同的地址来显示不同的内容呢,主要呢就是通过路由配置了,vue中的路由指的是vue-router进来就来说说vue-router的用法1:安装安装有两种方法1:下载vue-router.js插件...转载 2019-10-17 08:43:56 · 162 阅读 · 0 评论 -
Vue路由传参方式
1、通过组件传参下面来看通过该方式的传参实例这是用来传参的组件<template><div> <h1>这是要传参的路由</h1> <router-link :to="{name:'testresult',params:{id:a,id2:b},query:{queryId:c}}"> 点击跳转到testresult路由 ...原创 2019-10-16 18:46:05 · 145 阅读 · 0 评论 -
新建一个Vue项目
总体来说,分为两个大步骤:npm安装和初始化项目1、npm安装2、使用淘宝npm镜像国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。$ npm install -g cnpm --registry=https://registry.npm.taobao.org这样就可以使用cnpm 命令来安装模块了3、安装vue-cli第一步:安装vue-cli...原创 2019-10-16 15:22:16 · 93 阅读 · 0 评论 -
Vue从0开始
Vue从0开始1、Vue指令直接代码吧!点击按钮使方块隐藏显示,实例如下: <script type="text/javascript" src="vue.js"></script> <style type="text/css"> .div1 {width: 100px; height: 100px; background: red; margin...原创 2019-09-25 10:36:54 · 747 阅读 · 0 评论