![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 72
fanhaozhi
这个作者很懒,什么都没留下…
展开
-
Vue 常用组件
1、Better-scroll (移动端实现页面滚动) // 安装 npm install better-scroll --save <templat> <div ref="wrapper"> // ... </div> </templat> <script> import Bscorll from 'bett...原创 2018-10-15 09:24:28 · 4392 阅读 · 0 评论 -
Vue 入门
属性绑定 [ :attr="" ]: <!-- 属性绑定 ":title"为"v-bind:"的缩写 --> <span :title="msg1"> 数据绑定:{{ msg2 }} </span> 事件绑定/事件处理 [ @click="" ]: <!-- 传递事件,'clickFn1(e)',原创 2018-11-20 22:59:21 · 249 阅读 · 0 评论 -
Vue 组件间通信
1、父 ---> 子 传递 "props" 和 "$parent" 的用法: Vue.component('child-component', { template: ` <div> <p>{{parentData}}</p> <button @click="handleClick"&g原创 2018-11-28 22:48:20 · 137 阅读 · 0 评论 -
其他 - 总结
目录 Vue 1. 子组件"mounted"钩子函数要早于父组件: 2. 不能被检测更新的数据 及 "强制更新"办法: 3. 使用Element框架,获取子组件的"实际高度": JavaScript 1. JS获取/修改DOM元素的style: 2. console.time和console.timeEnd用法 CSS 1. "padding" 和 "margin" 的百分...原创 2018-11-26 22:24:54 · 229 阅读 · 0 评论 -
Vue 过渡动画
进入(v-enter)/离开(v-leave)/移动(v-move)&列表(transition-group)的过渡 简单的例子: <div id="demo"> <button @click="show = !show"> Toggle </button> <transition name="fade">原创 2018-12-01 23:27:27 · 1729 阅读 · 0 评论 -
Vuex 入门
安装: 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...原创 2018-12-16 00:16:00 · 149 阅读 · 0 评论 -
Vue Router 入门
安装: 官方文档 官方API文档 npm install vue-router // router/index.js import Vue from 'vue' import VueRouter from 'vue-router' // 模块化工程中,Vue.use() 是必须的 Vue.use(VueRouter); // 抛出模块,用于跟组件注册 const...原创 2018-12-16 00:19:49 · 166 阅读 · 0 评论 -
Vue 渲染函数 (render)
简单例子: Vue.component('render-demo', { props: { num: { type: Number, required: true } }, render (createElement) { return createElement () { 'div', this.props.num } } }...原创 2018-12-11 22:48:42 · 300 阅读 · 0 评论 -
Vue CLI 3 入门
官方文档 安装 // 若已安装 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 ...原创 2018-12-24 22:33:28 · 212 阅读 · 0 评论