摘要:
1.不具名slot; 2.具名slot; 3.父组件模板的东西在父级作用域内编译,子组件模板的所有东西在子级作用域内编译; 4.编译作用域 5.作用域插槽(数据传递) 6.数据可以动态的改变 App.vue <template> <div id="app"> <img src="./assets/l 阅读全文
摘要:
1.new实例根目录的数据,其他组件可以随时访问,但是不推荐 2.通过computed方法访问new实例根目录的数据 main.js // The Vue build version to load with the `import` command// (runtime-only or stand 阅读全文
摘要:
1.安装vue init webpack vuebase 2.按照描述填写信息;或者yes;no 3.进入项目目录:cd vuebase 3.安装npm : npm i 4.启动项目:npm start 动态或者静态的props props的type的校验 props中的类型是数组或者对象,必须返回 阅读全文
摘要:
组件的加载与keep-alive keep-alive状态缓存,保持状态 A.组件 <template> <div>vueA{{msg}} <button class="" @click="changeactive" type="button">保持状态</button></div></templa 阅读全文
摘要:
1.父组件向子组件传递数据通过props; 2.子组件传递父组件数据需要通过自定义事件; $emit("定义事件",数据); 父组件: <!-- 模版 --><template> <!-- 只能存在一个根容器--> <div class="main"><p style="font-weight:bo 阅读全文
摘要:
<!-- 模版 --><template> <!-- 只能存在一个根容器--> <div class="main"><p>learn vues</p> <forma /></div> </template> <script> import forma from './forma' export de 阅读全文
摘要:
表单输入绑定 修饰符: .lazy .number .trim watch:监听数据变化 计算属性vs监听属性 能用计算属性的,一般都用计算属性,实在不行才用监听属性; <template> <div :class="classdemo">sdfsfs <form action=""> <input 阅读全文
摘要:
1class的绑定 对象写法 数组写法 <div :class="[activeClass,currentIndex]">style</div> 2.style的绑定 对象写法 <template> <div :class="classdemo">sdfsfs <div class="old" :c 阅读全文
摘要:
html结构: <div class="main"></div> js: 阅读全文