Vue
Vue语法
梦道丶
这个作者很懒,什么都没留下…
展开
-
vue插件
mock.js生成随机数据,拦截Ajax请求1.安装 cnpm install --save-dev mock.js2.引入mock插架到mock.js文件3.加载mock数据到main.js require("./mock/mock");模拟拦截ajaxmock.js文件Mock.mock("/getuser","get",()=>{ return { ...原创 2020-04-02 22:08:50 · 106 阅读 · 0 评论 -
vue实例的生命周期
每个 Vue 实例在被创建时都要经过一系列的初始化过程,同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。生命周期显示图:取自Vue官网 <template> <div id="lifeinfo"> <p>组件的生命周期</p> <button @click="change...原创 2020-04-02 21:30:27 · 88 阅读 · 0 评论 -
vue异步加载组件
当项目资源内容很多时,我们通常都会选择去异步加载某些组件,使项目以最快的速度启动完成。何为异步加载,通俗点说就是当需要使用某些组件时,再去加载它,也称为按需加载。1. webpack代码分割第一个参数是依赖,resolve是成功之后的一个回调函数,成功后require会先引入依赖,然后执行回调函数。 components{ "v-test":(resolve,reject)=>{...原创 2020-04-02 21:06:50 · 412 阅读 · 0 评论 -
vue组件开发
vue有两大特点:数据驱动与组件化开发,其中组件开发是vue灵活的核心,所谓组件开发就是将页面拆分成多个组件,每个组件依赖的 CSS、JS、模板、图片等资源放在一起开发和维护。使得组件资源独立,所以可以复用。利于开发以及维护。1.创建组件vue项目是由一个主组件包含数个子组件,子组件的创建就是创建.vue文件。例如:我们首先创建一个文件夹components(命名没有规定)来存储所有组件,...原创 2020-04-02 16:50:46 · 219 阅读 · 0 评论 -
vue基础语法
vue-数据绑定<template> <!-- 数据绑定 {{}} 绑定表达式 表达式里面可以进行运算 --> <div class="container"> {{message}} {{arr}} <!-- 绑定变量的指令 v-text 绑定为元素的文本值 --> <div v-text=...原创 2020-04-02 15:24:18 · 96 阅读 · 0 评论