随笔分类 - vue
1
摘要：https://www.cnblogs.com/xiaoxiaossrs/p/9155800.html
阅读全文
摘要：model：model的类型定义如下，它有两个属性 prop、event v-model默认情况如下： prop: 默认绑定的是valueevent: 默认触发的事件类型是input 所以下面可以自己指定类型： 那么在props中就必须指定接收的属性是 checked 使用这个组件： 上面代码相当于
阅读全文
摘要：1. 安装依赖包 npm install postcss-pxtorem --save-dev 2. 在vue-cli3.0中。去掉了build和config文件夹。所有的配置都放到了vue.config.js中。 可能遇到的坑： 插件会转化所有的样式的px。比如引入了三方UI，也会被转化。可以使用
阅读全文
摘要：上面render函数等同于下面 createElement() 函数： 这个函数的作用就是生成一个 VNode节点（虚拟dom）， render 函数得到createElement() 创建的 VNode 节点之后，返回给 Vue.js 的 mount 函数，渲染成真实 DOM 节点，并挂载到根节点
阅读全文
摘要：mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改 1、在assets文件夹下创建一个js文件 2、在组件中使用刚刚创建的混入 这样就可以直接调用到混入对象中的hello方法 3、如果组件中定义的方法与混入对象中的方法/属性一样,组件中的优先级大于混入对象
阅读全文
摘要：Vue.extend 返回的是一个Vue实例构造器。 这里只是构造完成 但是还没有实例化所以还不是一个组件 上面这个 预设选项 可以是Vue所有实例选项 比如 data () {} ,methods: {}, created: {} 现在就是一个vue组件了 上面这个其他选项可以是 new Vue(
阅读全文
摘要：build, config文件夹：webpack配置相关 node_modules文件夹：脚手架所需的依赖也就是npm install安装的 src文件夹：项目位置 static文件夹：存放第三方静态资源 .babelrc文件：babel配置 实现js转译 .editorconfig文件：编辑器的风
阅读全文
摘要：安装 npm install element-china-area-data -save 在线演示：https://plortinus.github.io/element-china-area-data/index.html github：https://github.com/airyland/ch
阅读全文
摘要：首先说一下会用到几个知识点 1.event.target.files[0] 获取的是上传的图片的一些参数如下图： 可以自己依次打印看看 console.log(event, event.target, event.target.files, event.target.files[0]) 2. HTM
阅读全文
摘要：安装 npm install --save vue-waterfall 引入 import Waterfall from 'vue-waterfall/lib/waterfall'import WaterfallSlot from 'vue-waterfall/lib/waterfall-slot'
阅读全文
摘要：安装： cnpm install vue-area-linkage --save 组件 cnpm install area-data --save 城市数据来源依赖 使用： main.js: import Vue from 'vue'; import VueAreaLinkage from 'vue
阅读全文
摘要：vue阶段性学习笔记总结 1.router-link被选中时会默认添加类名router-link-active，如果觉得太长不方便还可以自己自定义名称new VueRouter({ linkActiveClass: 'active'}) 2.路由 可以把资源缓存在内存中每次切换路由保持之前页面状态，
阅读全文
摘要：基本使用方法 1.安装 cnpm install vue-awesome-swiper --save 2.引用 3.使用 4.可选参数
阅读全文
摘要：文件prod.server.js 启动 node prod.server.js
阅读全文
摘要：better-scroll 安装npm install better-scroll --save 组件中引入import BScroll from 'better-scroll' 使用： 必须放在$nextTick() 指定滚动到具体的元素： // el是Domthis.scroll_1.scrol
阅读全文
摘要：2018.12.13更新： 最新vue-cli 3.0版本搭建的环境中目录结构发生变化。没有了webpack-dev-conf.js。 只需要在项目的根目录下载新建一个vue.config.js文件，内部代码都是和以前一样的。 以下为原文： 最新的vue里dev-server.js被替换成了webp
阅读全文
摘要：先上一张流程图 我的理解： 首先components（组件）通过dispatch方法触发actions（这里可以进行异步的操作比如后台取数据） 然后actions通过commit()方法触发mutations（这里更改state中的数据但只能进行同步操作） 最后state中的数据更新后展示在comp
阅读全文
摘要：先附张流程图： 下面前4个钩子函数，就是vue组件生命周期前4个过程，5、6过程是页面渲染完成后还需更新页面(增删改查)的过程，最后两个是删除组件。 补充： activated ：keep-alive 组件激活时调用。 deactivated ：keep-alive 组件停用时调用。 一些应用的想法
阅读全文
1
浙公网安备 33010602011771号