摘要：
<body> <div id="app"> <cpn1></cpn1> <cpn2></cpn2> </div> <script src='https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js'></script> <script> // 组件的语法 阅读全文
摘要：
<body> <div id="app"> <cpn2></cpn2> </div> <script src='https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js'></script> <script> const cpnC1 = Vue.exte 阅读全文
摘要：
<body> <div id="app"> <cpn></cpn> </div> <script src='https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js'></script> <script> const cpnC = Vue.extend( 阅读全文
摘要：
<body> <div id="app"> <!-- 3.使用组件 --> <my-cpn></my-cpn> </div> <script src='https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js'></script> <script> // 阅读全文
摘要：
<body> <div id="app"> <cpn></cpn> <cpn> <template v-slot="slot"> <span> {{ slot.data.join("-") }} </span> <!-- 拿到slot插槽里面的data 也就是pLanguages数组 把这个数组用分 阅读全文
摘要：
<body> <div id="app"> <!-- 编译作用域就是 如果父组件模板 和 子组件模板 同时有 v-show指令 父组件模板只会找VUE实例里面的数据 子组件模板只会找子组件里面的数据 --> <cpn v-show="isShow"></cpn> </div> <template i 阅读全文
摘要：
<body> <div id="app"> <cpn> <span slot="center">标题</span> </cpn> <cpn> <button slot="left">下一步</button> </cpn> </div> <template id="cpn"> <div> <!-- 如 阅读全文
摘要：
<body> <div id="app"> <cpn> </cpn> <cpn> <b style="color: red;"> 火星情报局 </b> </cpn> <cpn> <em style="font-size: 12px;"> 我是斜体 </em> </cpn> </div> <templ 阅读全文
摘要：
<body> <script> // 1.属性的增强写法 const name = "蔡依林"; const age = "17"; const height = "162"; // ES5的增强写法 const obj = { name: name, age: age, height: heigh 阅读全文
摘要：
<body> <button>第1个按钮</button> <button>第2个按钮</button> <button>第3个按钮</button> <button>第4个按钮</button> <button>第5个按钮</button> <script> // 在ES5之前 var没有块级作用 阅读全文