在laravel中使用vuejs的UI（element-UI）组件时是直接复制到到页面中还是弄成.vue文件？

canihelpyou · 7年前

在laravel 5.3中使用element-UI，不是使用前后端分离的方式开发，
先按照这篇文章进行了配置http://codesky.me/archives/try-laravel5-vue2-element-cn.wind
demo已经正常显示，即welcome.blade.php是下面这样的：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example</title>
</head>
<body>
  <div id="app">
    <example></example>
    <el-button>Hello</el-button>
  </div>
  <script src="{ asset('js/app.js') }"></script>
</body>
</html>

问题：
1、思路仍然有点混乱，不知道element-UI组件该怎么使用，比如要使用下面这个开关http://element.eleme.io/#/zh-CN/component/switch#switch-kai-guan
组件代码应该放哪里？是弄成.vue文件还是直接在页面需要的位置写？

<el-switch
  v-model="value1"
  on-text=""
  off-text="">
</el-switch>
<el-switch
  v-model="value2"
  on-color="#13ce66"
  off-color="#ff4949">
</el-switch>

<script>
  export default {
    data() {
      return {
        value1: true,
        value2: true
      }
    }
  };
</script>

2、这种js渲染的表单类元素，要提交的时候可以用传统方式提交吗？还是只能用ajax提交？