vue
zhong242526
这个作者很懒,什么都没留下…
展开
-
Vue整理
Vue 一.使用Rollup搭建开发环境 1.什么是Rollup? Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码, rollup.js更专注于Javascript类库打包 (开发应用时使用Wwebpack,开发库时使用Rollup) 2.环境搭建 安装rollup环境 npm install @babel/preset-env @babel/core rollup rollup-plugin-babel rollup-plugin-serve cross-env原创 2020-05-31 11:50:59 · 342 阅读 · 0 评论 -
公用方法提取
公用方法提取 方法一 export & import config.js文件 const config = { request_prefix: 'http://localhost:10003', base_img: 'http://www.baidu.com' } const DingConf = function(data){ xxxxxxxxx } export {config,...原创 2018-12-10 14:50:15 · 658 阅读 · 0 评论 -
组件通信
父通子 Props Down 父组件给子组件传递数据通过props来传递 + 先在父组件中往子组件标签上添加属性传递数据 + 在子组件中声明props来接收父组件传递的数据 + 然后在子组件中就可以直接通过this来访问props中的数据了 注意:prop是单向绑定的:当父组件的属性变化时,将传导给子组件 但反过来不会 ...原创 2018-05-24 11:03:53 · 137 阅读 · 0 评论 -
增删改查
前台增删改 增 async postHandler(){ try{ const {data}= await axios.post('/api/topics',this.formData) }catch(err){ } } 删 async removeById(id){ if(!window.confirm()){ re...原创 2018-05-22 19:10:45 · 322 阅读 · 0 评论 -
vuex
store.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) // 状态访问对象 const state={ count:1 } // 修改状态 const mutations={ add(state,n){ state.count+=n }, reduce(sta...原创 2018-05-26 19:00:45 · 151 阅读 · 0 评论 -
vue生命周期
vue生命周期 beforeCreate 实例初始化之后调用,这里拿不到el,data数据 created 实例创建之后调用,可以拿到data中的数据 适用于发送请求,修改data中的数据 这里还没有挂载,还拿不到el beforeMount 挂载元素之前还没有渲染DOM mounted 挂载渲染已完成,DOM数据已完成更新 beforeUpdate 数据更新时调用,DOM还没有得到...原创 2018-05-20 18:20:41 · 215 阅读 · 0 评论 -
模拟Vue双向数据绑定
事件对象 function EventEmit(){ // { // "message":['事件1','事件2'] // } this.callbacks={} } EventEmit.prototype.on=function(eventName,fn){ if(!this.callbacks[eventName]){ this....原创 2018-05-20 17:34:38 · 170 阅读 · 0 评论