-
css作用域 scoped
(当 < style >标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。)
不同组件之间用到了相同的class类名,并且设置样式时之间会互相影响,所有我们需要在组件内的style标签上添加scoped属性 -
vue-awesome-swiper:轮播图
-
表达式和语句
表达式: 会产生一个值,可以放在任何一个需要值的地方
eg:
function(){}
a+b;语句L:控制代码走向
eg:
if()
switch(){
case:
} -
闭包
-
$emit
-
父子组件之间的通信就是 props down,events up,父组件通过 属性props向下传递数据给子组件,子组件通过 事件events 给父组件发送消息。
比如,子组件需要某个数据,就在内部定义一个prop属性,然后父组件就像给html元素指定特性值一样,把自己的data属性传递给子组件的这个属性。
而当子组件内部发生了什么事情的时候,就通过自定义事件来把这个事情涉及到的数据暴露出来,供父组件处理。
vue中
data是每个组件的私有内存,可以在其中存储需要的任何变量。props是将数据从父组件传递到子组件的方式
然而,当我们从组件内部访问props时,我们并不拥有它们,所以我们不能更改它们(就像你不能改变你父母给你的基因一样)。
data是每个组件的内存,这是存储数据和希望跟踪的任何其他变量的地方。 -
vue Router
// 0. 如果使用模块化机制编程,导入Vue和VueRouter,要调用 Vue.use(VueRouter)
// 1. 定义 (路由) 组件。
// 可以从其他文件 import 进来
// 2. 定义路由
// 每个路由应该映射一个组件。 其中"component" 可以是通过 Vue.extend() 创建的组件构造器,
// 或者,只是一个组件配置对象。
// 我们晚点再讨论嵌套路由。
// 3. 创建 router 实例,然后传routes
配置
// 4. 创建和挂载根实例。
// 记得要通过 router 配置参数注入路由,
// 从而让整个应用都有路由功能 -
嵌套路由
以“/”开头的嵌套路径会被当作根路径,所以子路由上不用加“/”;
如果需要渲染一些默认内容,需要在children中添加一个空的子路由:
{
path: ‘’,
name: ‘Default’,
component: Default
}, -
回调函数
回调函数就是传递一个参数化的函数,就是将这个函数作为一个参数传到另一个主函数里面,当那一个主函数执行完之后,再执行传进去的作为参数的函数。走这个过程的参数化的函数 就叫做回调函数。换个说法也就是被作为参数传递到另一个函数(主函数)的那个函数就叫做 回调函数。 -
Vuex持久化存储之vuex-persist
-
element-ui载入错误,看报错信息,package.lock.json删除之后 重新npm install (如果需要的话再重新安装找不到的模块)
-
vue样式穿透 ::v-deep
vue 学习1
最新推荐文章于 2024-05-29 17:10:32 发布