血的教训钩子函数的定义形式,第一种形式和第三种形式 是正确的,写成其它形式会导致 this 指向有误,引起一系列问题。。。// 第一种形式mounted(){ // do something} //第二种形式mounted:()=>{ // do something} //第三种种形式mounted:function(){ // do something}
1、生命周期图示参考官网页面:Vue生命周期图示2、Vue 的生命周期包括四个状态(记住这四个)1、creating 状态 ----vue 实例被创建的过程2、mounting 状态 ----挂到到真实的 DOM 节点,渲染出html页面3、updating 状态 ----如果 data 中的数据改变就会触发对应组件的重新渲染4、destroying 状态 ----实例销毁3、四个状态对应 8 个方法beforeCreate ----el选项 和 data 并未初始化,el、data都还是 undefinedcreated ----实例创建成功,完成了 data 数据的初始化,el选项还是是u
该方法只适合在h5端,也不建议微信小程序在uni-app中使用vant(BUG非常多,特别是每次更新HbuilderX的时候),如果你实在想小程序在uni-app中使用vant,可以用uni-app的插件市场的Vant UI Demo For Uni-app1.前往github下载vant-weapp组件库,github地址2.在HBuilderX中新建uni-app项目,并在新项目的根目录下新建个目录,用于存放vant-weapp组件,我新建的目录名为wxcomponents为例3.将步骤1的dist文件复制粘贴到wxcomponents目录下,并改名为vant4.使用uni-app提供的e
由于eslint插件机制不完善,在sublime中作为插件使用的时候最好执行两次 lint 查看结果。参考了之前存在的npm插件 “eslint-plugin-vue”(Twiknight),感谢作者 --其只支持vue文件的错误提示,并没有fix的功能)Installation$ npm install eslint-plugin-vuefix --save-dev需要与eslint使用同样的方式安装Usage在“.eslintrc” 文件中添加插件声明{ "plugins": [ "vuefix" ]}
vue-cli是vue的脚手架,负责协助编写基础代码官网地址检查node并安装vue-cli# 确保node版本在4以上node -v v6.9.5# 安装vue-cli,npm全局安装npm install -g vue-cli初始化vue项目# 使用vue-cli初始化项目vue init webpack sell(课程项目叫sell)#--------------------------------------This will install Vue 2.x version of the template. For Vue 1.x use: vue init web