Vue中css的 /deep /及 >>> 的用法

/deep/ 深度选择器

在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加

父组件：

<template>
    <div>
        <h1 class="title">{
   {
    name }}</h1>
        <input type="text"