前后端不分离的情况下，TP5的视图页面中如何使用vue来接受和传递数据？

Question

在项目中遇到的一个情况，在做后台管理的时候，前后端没有做分离，如果做分离，成本太大，视图层使用了vuejs，请问如何在vuejs中接收和传递控制器传过来的数据？格式是怎么样的？请尽可能地提供一份控制器和视图层的样式代码，非常感谢！！！

Answer 1

方法1: 直接赋值

控制器:

$this->assign([            
     'name' =>'tp',           
     'email'=>'[e-mail]',     'array' => json_encode(array('a', 'b'))
]);

视图

var app = new Vue({
  el: "#app",
  data: {
    name: '{$siteName}',
    email: '{$email}',    array: {$array}
  }
})