Vue - template和script

template和script也可以自定义创建组件

<div id="app">
  <my-div>my-div>
div>

<template id="my-div">
  
  <div>
    <p>说你是猪!p>
    <input type="text" placeholder="说你是猪">
  div>

template>

<script src="js/vue.js">script>
<script>
  Vue.component('my-div',{
    template: '#my-div'
  });
  new Vue({
    el: '#app'
  });
script>

使用

<script id="my-div" type="test/template">
  <div>
  

说你是猪!

"text" placeholder="说你是猪"> div> script>

也可以代替template,但是用的最多的还是template

你可能感兴趣的:(Vue)