![](https://img-blog.csdnimg.cn/eb3a0427e7584686ad8725ce14fbb347.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
文章平均质量分 93
前端框架
Yu-ta
A to i,until I e
展开
-
配置 Vue 实例( 选项 )
文章目录一、总览二、DOM2.1 el && template 选项2.2 render 选项2.3 renderError 选项三、数据3.1 data 选项3.2 props 选项3.3 propsData 选项3.4 computed 选项3.5 watch 选项3.6 methods 选项四、生命周期钩子函数——全部组件4.1 简介4.2 图示4.3 辅助理解4.4 使用4.5 多组件生命周期关系五、生命周期钩子函数——缓存组件六、资源6.1 directives 选项6.2 fil原创 2019-09-13 11:24:25 · 878 阅读 · 0 评论 -
使用 Vue 实例(指令 | 修饰符)
文章目录一、 指令1.1 更新元素的文本内容1.2 更新元素的HTML内容1.3 条件指令1.4 循环指令1.5 事件绑定1.6 属性绑定1.7 在表单上创建双向数据绑定1.8 插槽1.9 不编译,原样输出1.10 编译完成后再显示1.11 只渲染元素和组件一次二、修饰符2.1 .sync修饰符一、 指令指令系统是 Vue 的一大特色,DOM 的接管首先是由浏览器来完成的,浏览器不能识别指令,从而避开浏览器的接管,然后转入 Vue 的接管,指令里面可以写语句,它是一种特殊的 HTML 自定义属性,用来操原创 2019-09-18 11:50:11 · 356 阅读 · 0 评论 -
使用 Vue 实例( 全局 API )
文章目录『 总览 』『 Vue.extend 』『 Vue.nextTick 』『 Vue.set 』『 Vue.delete 』『 Vue.directive 』『 Vue.filter 』『 Vue.component 』『 Vue.use 』『 Vue.mixin 』『 Vue.compile』『 Vue.version 』『 总览 』Vue.extend(options) // 通过继承一个 option 对象来创建一个 Vue 实例Vue.nextTick(原创 2022-01-19 17:24:48 · 1277 阅读 · 0 评论 -
配置 Vue 实例( 路由 )
客户端中的路由,实际上就是 DOM 元素的显示和隐藏。当页面中显示 home 内容的时候,about 中的内容全部隐藏,反之也是一样。客户端路由有两种实现方式:基于 hash 和基于 html5 history api。一、基本概念1.1 route(单条路由)定义每一条路由const indexRoute = { path: '/index', component: Index }const userRoute = { path: '/user', component: User }1.2原创 2021-10-27 09:53:37 · 1118 阅读 · 0 评论 -
Vue.js(预备知识)
文章目录一、Vue.js简介1.1 优缺点1.1.1优点1.1.2 缺点1.2 安装1.3 引入Vue二、 编程思想2.1 面向事件2.2 面向过程2.3 面向对象一、Vue.js简介 &emspVue.js是一个轻巧、高性能、可组件化的MVVM框架,同时拥有非常容易上手的API。它一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核...原创 2019-09-13 10:34:14 · 1271 阅读 · 0 评论 -
Vue.js(组件)
文章目录一、简介二、创建2.1 定义2.2 注册(拼装)2.2.1 全局2.2.2 局部2.3 调用2.4 综合性案例三、通讯(传值)3.1 逐层传递3.1.1 父→子(推荐)3.1.2 子→父3.1.3 兄弟→兄弟3.1.4 爷→孙3.1.5 路由(vue-router)3.2 集中式管理(临时)3.2.1 订阅发布模式3.2.2 公共总线(vue)3.2.3 $root(vue)3.2.4 状...原创 2019-09-28 18:14:16 · 293 阅读 · 0 评论 -
Vue.js(全家桶)
文章目录一、vue-cli(脚手架)1.1 安装1.2 项目结构1.3 项目结构详解1.4 创建项目二、vue-dev-tools(调试工具)三、vue-router(路由)3.1 安装3.2 配置示例3.3 渲染示例3.4 跳转示例3.4.1 声明式跳转3.4.2 编程式跳转3.4.3 接收参数和数据3.5 导航守卫3.5.1 全局守卫3.5.2 路由独享的守卫3.5.3 组件内的守卫四、vue...原创 2019-10-04 21:27:00 · 812 阅读 · 0 评论