vue
Always_Love
有些事,记得不如忘了好。
展开
-
vue-vuex
一、vuex基本概念vuex 是一个专为 vue.js 应用程序开发的状态管理模式。可以理解为我们项目中需要共享的一些数据进行集中管理的容器。把这些数据称为属性状态。比如一个用户的用户名,性别,权限级别等等。一般小项目里只用简单的状态管理,中型大型项目里用的多。二、引入挂载import simpleStore from './store/simpleStore'Vue.prototyp...原创 2020-04-02 13:18:40 · 218 阅读 · 0 评论 -
vue数据请求---(fetch-jsonp)
fetch-jsonp 数据请求跨域一、安装、配置1. 安装 npm install fetch-jsonp2. main.js文件导入 import fetch from 'fetch-jsonp'3. 当前组件使用 import FetchJsonp from "fetch-jsonp";二、使用FetchJsonp(src, { jsonpCallback: "...原创 2020-04-02 13:07:13 · 1112 阅读 · 0 评论 -
vue数据请求---(axios)
一、配置import Axios from "axios";Axios.get("/getuser") ||.post("/gettable") .then((res) => { console.log(res.data.result); }) .catch((error) => { console.log(...原创 2020-04-02 13:03:43 · 281 阅读 · 0 评论 -
vue数据请求---(vue-resource)
一、安装 cnpm install vue-resource –save二、配置//配置vue-resource、使用插件import vueResource from 'vue-resource'Vue.use(vueResource);//引入mock.js 加载mock数据文件require("./mock/mock");三、请求数据相应组件挂载完成后 get/post...原创 2020-04-02 12:57:41 · 283 阅读 · 0 评论 -
vue数据请求---(mock)
mock模拟数据步骤:安装 cnpm install mockjs --save-devmock.js配置模拟数据的文件 import Mock from ‘mockjs’在整个项目mian.js引入mock 数据 require("./Mock/mock");在组件引入mock 数据: 将axios绑定到vue的原型对象(Vue.prototype.axios=Axios)所有...原创 2020-04-02 12:54:12 · 345 阅读 · 0 评论 -
vue路由(router)---守卫
本篇总结vue router中的守卫。vue router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。可分为以下几种:1、全局的2、单个路由独享的3、或者组件级的一、全局前置守卫router.beforeEach((to,from,next)=>{ //to() 进入目标路由 //from() 离开的路由 //next() 下一个路由 /...原创 2020-04-02 12:43:39 · 841 阅读 · 0 评论 -
vue路由(router)---动态绑定
本篇介绍vue router的动态绑定。动态传值。之前一篇vue router基础讲了页面内路由的配置方法以及路由的入口,在这里就不多陈述了。1、配置路由2、路由入口3、动态获取对象传值mouted(){ this.$route.params;}编程实现路由获取对象gorouter() { this.$router.push("/"); //1.p...原创 2020-04-02 12:28:20 · 2065 阅读 · 0 评论 -
vue路由(router)---基础
本篇总结vue路由的基础。一、特点:1、Vue.js 路由允许我们通过不同的 URL 访问不同的内容。2、通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。3、Vue.js 路由需要载入 vue-router 库。二、安装方式一:直接下载https://unpkg.com/vue-router/dist/vue-ro...原创 2020-04-02 12:10:18 · 264 阅读 · 0 评论 -
vue动画
本篇博客总结一下vue中的动画。其实准确的来说是vue中的过渡效果和动画效果。过渡Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。Vue 提供了内置的过渡封装组件,该组件用于包裹要实现过渡效果的组件。<transition name = "nameoftransition"> <div></div></trans...原创 2020-04-02 11:48:19 · 160 阅读 · 0 评论 -
vue钩子
本篇博客总结一下钩子。vue中的钩子函数:指令定义函数提供了几个钩子函数(可选)。例如:bind: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于 document 中)。update: 被绑定元素所在的模板更新时调用,而不论绑定值是否变化。通过比较更新前后...原创 2020-04-02 11:09:52 · 320 阅读 · 0 评论 -
vue组件
组件(Component)是 Vue.js 最强大的功能之一。它可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树。组件创建vue当中创建单文件组件App.vue 是vue项目的主模板 (组件 主组件)自己定义一个文件 component 放置子组件1.如何创建组件 直接建立对应的vue...原创 2020-04-02 11:00:07 · 141 阅读 · 0 评论 -
vue语法
上一篇介绍了vue的环境搭建安装以及项目的创建配置,这篇博客开始学习总结vue的语法。一、数据绑定数据绑定 :{{}} 绑定表达式 表达式里面可以进行运算绑定属性使用的指令是 v-bind 指令 ,方式:v-bind:title=“变量” ,也可以简写::class=“变量”。循环渲染数据使用的v-for 指令 ,进行数据的循环渲染,数据渲染。<!-- 绑定变量之类的 --&...原创 2020-04-02 10:25:09 · 329 阅读 · 0 评论 -
vue入门
最近学到了vue的部分,边学边总结。一、vue的基本背景vue.js是一套用来构建用户界面的渐进式框架。它只关注视图层, 采用自底向上增量开发的设计。此外,Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。二、vue的下载以及安装我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 配置环境安装命令:1、安装Nodejs 。http://no...原创 2020-04-02 09:59:46 · 143 阅读 · 0 评论