moqiuqin的博客

使用vue-cli生成项目的时候可以选择使用默认的js方式，也可以选择使用ts的方式，ts的方式中又有使用class-style方式和非class-style的方式，这三种的区别基本只在script部分的不同。 在选择ts方式生成项目的时候回再寻问是否使用class-style的方式，见下图 js方式生成的项目 <script> export default { name: "HelloWorld", props: { msg: String } }; </scrip

<script> import RenameComponent1 from "../RenameComponent1.vue"; import RenameComponent2 from "../RenameComponent2.vue"; export default { data() { // data 是往自己组件内部，挂载一些私有数据 return { ...

父子组件间通讯 父组件向子组件传递数据 步骤1：在data中定义要传递的值 data() { return { msgData: { name: "张三", age: 18 } }; }, 步骤2：在模板中的子组件的标签上进行属性绑定，将要传递的值进行绑定 <!--父组件模板--> <template> <div class="hom...