vue/小程序
文章平均质量分 57
mpsl
这个作者很懒,什么都没留下…
展开
-
用vue-cli来搭建vue项目和webpack
第一步:全局安装vue-clicnpm install vue-cli -g 第二步:初始化一个项目 vue init webpack-simple projectName第三步:把文件切换到初始化的项目中 cd my-project 第四步:安装依赖cnpm install第五步:运行 npm run dev webpack要...原创 2018-04-16 00:36:14 · 169 阅读 · 0 评论 -
Vue通信、传值的几种方式
一、通过路由带参数进行传值①两个组件 A和B,A组件通过query把orderId传递给B组件(触发事件可以是点击事件、钩子函数等)this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳转到B②在B组件中获取A组件传递过来的参数this.$route.query.orderId二、通过设置 Session ...原创 2018-04-18 16:53:49 · 245 阅读 · 0 评论 -
methods,watch,computed的区别
watch主要是监听数据变化,可以监听数据来源的三个部分:props,data,computed内的数据,然后它还提供两个参数(new,old),顺序一定是新值、旧值。computed主要是处理逻辑运算,computed来存储需要处理的数据值,它有存储的机制,只有改变时才执行。computed 并不是一个方法,而是依赖于属性的,就是一个属性的封装,主要当作属性来使用,属性的结果会被缓...原创 2019-03-04 22:52:04 · 515 阅读 · 0 评论 -
vue数据双向绑定原理
当前台显示的view发生变化了,它会实时反应到viewModel上,如果有需要,viewModel会通过ajax等方法将改变的数据 传递给后台model 同时从后台model获取过来的数据,通过vm将值响应到前台UI上vm的核心是view 和 data当data 有变化的时候它通过Object.defineProperty()方法中的set方法进行监控,并调用在此之前已经定义好d...原创 2019-03-06 19:05:53 · 168 阅读 · 0 评论 -
小程序高度自适应
// 高度自适应wx.getSystemInfo({success: function (res) {var clientHeight = res.windowHeight,clientWidth = res.windowWidth,rpxR = 750 / clientWidth;// * rpxR - 420var calc = clientHeight;co...原创 2018-07-26 15:25:34 · 1242 阅读 · 0 评论