摘要:
vue-cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。 通过vue-cli,可以快速创建一个基于webpack打包工具的脚手架,里面已经配置好了开发与生产所需的环境,并且配置了一定的loader与plugin。除此之外,vue-cli还创建了一个简单的vue应用,可以通过 阅读全文
posted @ 2021-09-09 10:04
JSW79
阅读(128)
评论(0)
推荐(0)
摘要:
VueX简介 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window),提供了诸如 阅读全文
posted @ 2021-09-09 10:02
JSW79
阅读(53)
评论(0)
推荐(0)
摘要:
动态路由 配置静态路由 我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果: 阅读全文
posted @ 2021-09-09 10:01
JSW79
阅读(429)
评论(0)
推荐(0)
摘要:
URL的hash URL的hash也就是锚点(#),本质上是改变window.location的href属性 我们可以通过直接赋值location.hash来改变href,但是页面不发生刷新 location.href "https://www.baidu.com/" location.hash = 阅读全文
posted @ 2021-09-09 09:59
JSW79
阅读(60)
评论(0)
推荐(0)
摘要:
插槽的基本使用 插槽可以大大提高组件的可复用性 定义插槽的一大关键字是slot 在组件模板定义中,可以定义<slot></slot>,这样一来,slot标签便可以被替换 <slot></slot>也可定义默认的数据,这样在没有替换时便会显示默认的数据 slot还有一个关键属性:name,用来唯一区分 阅读全文
posted @ 2021-09-09 09:58
JSW79
阅读(174)
评论(0)
推荐(0)
摘要:
组件实现 组件可用以下方式实现,其实组件都是以extend方法生产的,代码如下: 组件可分为全局组件和局部组件 全局组件使用Vue.component注册 局部组件在Vue实例中使用component属性进行注册 <body> <div id="app"> <cpn></cpn> </div> <d 阅读全文
posted @ 2021-09-09 09:53
JSW79
阅读(7)
评论(0)
推荐(0)
摘要:
vue初体验 hello vue <body> <div id="box"> <h1>hello {{name}}</h1> </div> <script> let box = new Vue({ el: '#box', data: { name: 'vue' } }); </script> 上述代 阅读全文
posted @ 2021-09-09 09:51
JSW79
阅读(18)
评论(0)
推荐(0)

浙公网安备 33010602011771号