Vue框架基础
文章平均质量分 62
一杆老狙
萌新求带
展开
-
vue制作一个简单的密码强度验证动画
注册页面简单的密码强度验证原创 2022-11-23 10:25:38 · 496 阅读 · 1 评论 -
Vue路由使用(router)
vue-routr的使用原创 2022-11-21 17:09:06 · 3709 阅读 · 4 评论 -
Vue 双向数据绑定,响应式动态监听数据的原理
vue响应式原理原创 2022-08-19 09:17:02 · 811 阅读 · 0 评论 -
Vue keep-alive组件缓存 基础用法
Vue缓存组件的基础使用方法原创 2022-08-14 21:20:08 · 508 阅读 · 0 评论 -
Vue-Vant2-移动端项目适配
Vue 框架移动端适配原创 2022-07-03 17:35:02 · 1361 阅读 · 0 评论 -
Vue 框架基础 -router导航守卫
Vue 路由导航守卫基础用法原创 2022-06-23 17:00:29 · 287 阅读 · 0 评论 -
Visual Studio Code编辑器里 使用 Vue框架 一键格式化代码
vue 快捷格式化代码原创 2022-06-11 10:37:25 · 657 阅读 · 0 评论 -
Visual Studio code编辑器快速生产Vue2模板
vue 快速生成模板原创 2022-06-11 10:01:46 · 583 阅读 · 0 评论 -
Vue 框架基础11 - Axios和Fetch API
Vue Axios 和Fetch API 的使用原创 2022-06-02 10:25:28 · 343 阅读 · 4 评论 -
Vue 框架基础10 - UI组件库的使用
组件库移动端vant组件库的使用Vant: linkmint-uicube-uiPC 端element-ui: linkant design vue: linkvuetify: linkiview: link。。。原创 2022-06-02 09:39:08 · 296 阅读 · 2 评论 -
Vue框架基础9 - Router路由
Vue Router原创 2022-05-28 14:13:28 · 287 阅读 · 3 评论 -
Vue 框架基础8 - Vuex的使用
Vuex (替代父子组件通信和跨层级通信的库)Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。---- 工具,用于管理应用中组件间共享的状态(数据)采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。概念store:仓库,用于集中式管理state:状态,应用中组件要共享的数据mutation:同步更新状态数据的函数,在 vuex 中仅能提交 mutation 来更新状态数据action:和 mutation 类似,但可以包含异步操作,不能原创 2022-05-25 20:09:52 · 161 阅读 · 6 评论 -
Vue框架基础7-Vue CLI(脚手架的使用)
介绍基于 Vue.js 进行快速开发的完整系统。作用 快速搭建项目结构安装两种安装方式:$ npm install -g @vue/cli$ yarn global add @vue/cli安装完毕后,可以在 cmd 命令行中输入检测安装成功没有:$ vue --version如果能够查看到版本信息,则说明安装成功,否则安装失败或环境变量配置有问题。创建项目GUI - 图形化用户界面$ vue ui命令行1.执行创建命令:$ vue create pro原创 2022-05-24 19:51:04 · 305 阅读 · 4 评论 -
Vue框架基础6-单文件组件(SFC)
single-file components(单个文件组件)文件后缀(扩展)名为 .vue,解决的问题:全局定义组件可能会出现命名冲突字符串的 template 没有语法高亮对 CSS 的支持不友好没有明显的构建过程…单文件组件语法:<template> 模板语法</template><script> // 定义并导出组件的选项对象模块</script><style lang="scss" scoped>原创 2022-05-22 20:56:32 · 3448 阅读 · 3 评论 -
Vue框架基础5-生命周期
生命周期生命周期,指的是组件从开始创建,到最终销毁,所经历的整个过程。也就是从这个对象开始到浏览器页面关闭称为一个生命周期这个过程中会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。图示:生命周期钩子create(创造) 阶段beforeCreate():在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用created():在实例创建完成后被立即同步调用mount阶段beforeMount():在挂载开始之前被调用mounted():原创 2022-05-20 17:17:01 · 116 阅读 · 5 评论 -
Vue 框架基础4-组件思想和组件通信
创建组件1. 组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树:2. 注册组件:// 定义名为 todo-item 的新组件Vue.component('todo-item', { template: '<li>这是个待办项</li>'})var app = new Vue(...)根据上面注册的组件构建一个组件模型:<ol>原创 2022-05-18 21:55:00 · 240 阅读 · 3 评论 -
Vue框架基础3
1.过滤器(1).过滤器(Filters)是vue 为开发者提供的功能,常用于文本的格式化。过滤器可以用在两个地方: 差值表达式和 v-bind 属性绑定。(2).过滤器应该被添加在JavaScript 表达式的尾部,由“管道符”进行调用,示例代码如下://在双花括号中通过“管道符”调用 capiitaliize 过滤器,对message 的值进行格式化<p>{{ message | capitalize }}</p>//在 v-bind 中通过 “管道符” 调用 for原创 2022-05-16 11:27:31 · 100 阅读 · 7 评论 -
Vue框架基础2
Vue 的安装和常用指令介绍总结原创 2022-05-13 19:31:23 · 300 阅读 · 2 评论 -
Vue框架使用基础1 - Webpack模块打包器的使用
Vue - Webpack模块打包器的使用原创 2022-05-10 21:17:59 · 402 阅读 · 4 评论