apiCloud中引用vue.js的用法

关于apiCloud中引用vue.js的用法@584186328@qq.com

在apiCloud中引用vue.js主要是使用vue的双向数据绑定，vue模块可添加在 apiready中生效，添加vue后，初始化页面的函数需要在created中执行，代码如下：

apiready = function () {

    var app = new Vue({
        el: '#myApp',
        data: {
          // 双向绑定的数据类容
          text: "apiCloud双向绑定"
        },
        created: function () {
          // vue页面初始化执行
          this.text = "成功引入vue"
        },
        methods: {
          // 注册vue函数
        }
      })
      // apiCloud 初始页面执行函数
      showTime();

}

// 当前时间
  function showTime() {
    let date = new Date();
    let dateWra = document.getElementsByClassName('cTime')[0];
    dateWra.innerHTML = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`
  }

HTML中便可以使用相应的数据

<div class="cTime"></div>
{{text}}

关于页面传参，可直接用apiCloud提供的方法在vue的 methods中使用：

	methods: {
		  let val = this.text;
          api.openWin({
    		 name: 'nextPage',
    		 url: './nextPage.html',
       		 pageParam: {
        		//  需要传递的值
            	name: 'test',
           		nextPageVal: val 
       	 	}
 		});
	}

在下个页面的apiready中就可以直接取到传递的val:

apiready = function () {
	// 获取上个页面传递的Val
	let myVal= api.pageParam.nextPageVal;
}