随笔分类 -  Vue

Vue中如何在组件内部实现一个双向数据绑定?
摘要:假设有一个输入框组件,用户输入时,同步父组件页面中的数据。 具体思路:父组件通过props传值给子组件,子组件通过 $emit 来通知父组件修改相应的props值,具体实现如下: 可以看到,当输入数据时,父子组件中的数据是同步改变的: 我们在父组件中做了两件事,一是给子组件传入props,二是监听i
2414
0
0
Vue 做项目经验
摘要:Vue 做项目经验 首先需要知道最基本的东西是: Vue 项目打包:npm run build Vue生成在网页上看的端口:npm run dev 修改端口号的地方在: config文件夹下index.js文件port 改变首页面在main.js const routes = [{ path: '/
529
0
0
vue路由传值params和query的区别
摘要:vue路由传值params和query的区别1.query传参和接收参数传参: this.$router.push({ path:'/xxx' query:{ id:id } })接收参数: this.$route.query.id注意:传参是this.$router,接收参数是this.$rout
357
0
0
简述vuex的数据传递流程
摘要:简述vuex的数据传递流程 当组件进行数据修改的时候我们需要调用dispatch来触发actions里面的方法。actions里面的每个方法中都会有一个commit方法,当方法执行的时候会通过commit来触发mutations里面的方法进行数据的修改。mutations里面的每个函数都会有一个st
615
0
0
Vue经典开源项目
摘要:Vue常用的开源项目和插件库 UI组件 element ★34,784 - 饿了么出品的基于Vue2的web UI工具套件storybook ★33,503 - 响应式UI 开发及测试环境Vux ★15,061 - 基于Vue和WeUI的组件库mint-ui ★13,381 - Vue 2的移动UI
503
0
0
Vue.js面试题整理
摘要:Vue.js面试题整理 一、什么是MVVM? MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步
500
0
0
实现双向数据绑定mvvm
摘要:实现双向数据绑定mvvm
216
0
0
Nuxt开发经验分享
摘要:Nuxt开发经验分享 本文章基于starter-template模板进行讲解,面向有vue-cli开发经验的宝宝 vue init nuxt-community/starter-template Nuxt 官方文档 简单来说,Nuxt就是基于Vue的一个应用框架,采用服务端渲染,让你的SPA应用(V
438
0
0
Vue常用的GitHub项目
摘要:Vue常用的GitHub项目(Demo案例) 应用实例
2538
0
0
vue自定义一个过滤器
摘要:vue如何自定义一个过滤器 html代码: JS代码: 全局定义过滤器
305
0
0
vuejs 基础总结(one)
摘要:vuejs 入门知识点 1、active-class 是哪个组件的属性?嵌套路由怎么定义 (1)、active-class 是 vue-router 模块的 router-link 组件的属性 (2)、使用 children 定义嵌套路由 2、怎么定义 vue-router 的动态路由? 怎么获取传
316
0
0
vue-router的创建(1)
摘要:vue-router的创建
218
0
0
Vue.js经典开源项目汇总
摘要:Vue.js经典开源项目汇总 Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易 Vue.js 的目标是通过尽可能简单的 API 实现响应的
313
0
1
vue解决跨域问题
摘要:vue解决跨域问题 vue跨域解决方法和小总结 vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resour
718
0
0
关于Vue实例的生命周期(2)
摘要:关于Vue实例的生命周期(2) 钩子函数触发事件 beforeCreate created beforeMount mounted beforeUpdate updated 当这个钩子被调用时,组件 DOM 已经更新,所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下,你应该避免在此期间更
205
0
0
Vue入门教程(2)
摘要:小白入门学习vue和vue实例,vue总结 这就是我脑海中的 Vue 知识体系; 一句话概况了 Vue 通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 Vue 的创建 我们的学习目的肯定不止于创建简单的 Vue 实例;而是用它去实现更加多变的功能需求;那我们需要进一步去学习 Vue-r
201
0
0
Vue入门教程
摘要:Vue入门基础基础 TypeScript 为 JavaScript 带来静态类型检查,让 JavaScript 编写中大型应用的时候可以应用工具来避免部分错误。 Vue 很早就支持 TypeScript,但配置起来比较麻烦,幸好有了 Vue CLI 3.0。安装好 vue-cli 之后,使用 vue
760
0
0
vue中的生命周期
摘要:vue中的生命周期 1,vue生命周期简介: 1、beforeCreate 在实例初始化之后,数据观测和event/watcher时间配置之前被调用。 2、created 实例已经创建完成之后被调用。在这一步,实例已经完成以下的配置:数据观测,属性和方法的运算,watch/event事件回调。然而,
225
0
0
点击右上角即可分享
微信分享提示
深色
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.

Not available