![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 299 阅读 · 0 评论 -
公用方法提取
公用方法提取方法一export & importconfig.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 · 642 阅读 · 0 评论 -
组件通信
父通子 Props Down 父组件给子组件传递数据通过props来传递 + 先在父组件中往子组件标签上添加属性传递数据 + 在子组件中声明props来接收父组件传递的数据 + 然后在子组件中就可以直接通过this来访问props中的数据了 注意:prop是单向绑定的:当父组件的属性变化时,将传导给子组件 但反过来不会...原创 2018-05-24 11:03:53 · 122 阅读 · 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 · 309 阅读 · 0 评论 -
vuex
store.jsimport 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 · 142 阅读 · 0 评论 -
vue生命周期
vue生命周期beforeCreate 实例初始化之后调用,这里拿不到el,data数据created 实例创建之后调用,可以拿到data中的数据适用于发送请求,修改data中的数据这里还没有挂载,还拿不到elbeforeMount 挂载元素之前还没有渲染DOMmounted 挂载渲染已完成,DOM数据已完成更新beforeUpdate 数据更新时调用,DOM还没有得到...原创 2018-05-20 18:20:41 · 206 阅读 · 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 · 158 阅读 · 0 评论