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