hozee的个人笔记

1、Better-scroll （移动端实现页面滚动）// 安装npm install better-scroll --save<templat> <div ref="wrapper"> // ... </div></templat><script> import Bscorll from 'bett...

属性绑定 [ :attr="" ]：<!-- 属性绑定 ":title"为"v-bind:"的缩写 --><span :title="msg1"> 数据绑定：{{ msg2 }}</span>事件绑定/事件处理 [ @click="" ]：<!-- 传递事件,'clickFn1(e)',

1、父 ---> 子 传递 "props" 和 "$parent" 的用法：Vue.component('child-component', { template: ` <div> <p>{{parentData}}</p> <button @click="handleClick"&g

 目录Vue1. 子组件"mounted"钩子函数要早于父组件：2. 不能被检测更新的数据 及 "强制更新"办法：3. 使用Element框架,获取子组件的"实际高度"：JavaScript1. JS获取/修改DOM元素的style：2. console.time和console.timeEnd用法CSS1. "padding" 和 "margin" 的百分...

进入(v-enter)/离开(v-leave)/移动(v-move)&列表(transition-group)的过渡简单的例子：<div id="demo"> <button @click="show = !show"> Toggle </button> <transition name="fade">

安装：npm install vuex --save// store/index.js import Vue from 'vue'import Vuex from 'vuex'// 模块化工程中，Vue.use() 是必须的Vue.use(Vuex);// 抛出模块，用于跟组件注册const store = new Vue.store({ // ...});e...

安装：官方文档 官方API文档npm install vue-router// router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'// 模块化工程中，Vue.use() 是必须的Vue.use(VueRouter);// 抛出模块，用于跟组件注册const...

 简单例子：Vue.component('render-demo', { props: { num: { type: Number, required: true } }, render (createElement) { return createElement () { 'div', this.props.num } }}...

官方文档 安装// 若已安装 vue-cli 2.x/1.x 需要先卸载npm uninstall vue-cli -g// 需要全局安装npm install -g @vue/cli// 查看当前 vue-cli 版本vue --version 创建项目// 命令行创建vue create program-name// 可视化创建vue ui ...