![](https://img-blog.csdnimg.cn/42b60305399e46d1aa2cd33feb8a2cd5.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue2
文章平均质量分 52
vue2框架专栏
鸭梨的药丸哥
文耀
展开
-
vue获取组件实例
这个对象来获取选项式中的实例,也就是说选项式中的实例对象在组合式中,属于是组合式实例对象的。是非公开API但是你依旧可以使用它,因为它是内部实例,在你开发vue组件库时依旧可以使用。https://github.com/vuejs/docs/issues/1422,尽管。在组合式中实例的ctx属性在生产环境中是无法获取的,也就是说,想获取上下文对象,应该在。在组合式用,代码都写在setup函数中,无法通过。获取的实例对象和选项式获取组件实例不同。在选项式中的实例的属性都含。符号,在组合式中需要通过。原创 2023-04-03 17:10:57 · 4850 阅读 · 1 评论 -
Vue2实现浏览器ctrl+f功能
使用一个Vue2的插件search-bar-vue2。"切换showSearchBar"/*自定义选中高亮背景*//*自定义高亮背景*/原创 2022-12-09 00:48:37 · 3238 阅读 · 4 评论 -
安装vue-devtools
旧版master分支下有文件夹。原创 2022-07-18 21:19:54 · 273 阅读 · 0 评论 -
vue中img标签onerror事件
vue中img标签onerror事件使用:onerror去绑定事件该方法能正确处理onerror事件,并防止闪图<img type="image/x-icon" :src="item.icon?item.icon:''" :onerror="imgOnError" />//图片损毁时触发 imgOnError(e){ let img = e.srcElement; img.src = this.errorImg; img.oner原创 2022-02-21 17:14:46 · 10840 阅读 · 0 评论 -
安装Vue CLI
安装Vue CLI1.安装Vue CLI=>3npm install -g @vue/cli2.检验Vue CLI版本vue -V3.创建vue projectvue create projectname4.拉取2.x模板有时后会使用Vue CLI2.x的项目模板,就需要拉取2.x的模板下来#Vue CLI2.xnpm install -g @vue/cli-init#2.x的项目创建方式vue init webpack my-project5.Vue CLI2.x和原创 2020-11-28 17:30:27 · 1724 阅读 · 0 评论 -
vue-cli 项目配置路径别名
vue-cli 项目配置路径别名1.vue-cli 2.x 配置方式在vue-cli 2.x项目中,进入build文件夹,找到webpack.base.conf.js,编辑文件 ,并找到resolve字段的配置项。resolve: { extensions: ['.js', '.vue', '.json'], //这个是匹配扩展名的 alias: { //这里添加路径别名 '@': resolve('src'),原创 2020-12-24 14:07:07 · 3345 阅读 · 0 评论 -
vue2的slot插槽
vue的slot插槽1.定义插槽插槽使用slot标签来标识,并且插槽是放在组件的template模板里面的,vue允许向组件传递模板。Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 slot元素作为承载分发内容的出口。定义模板<!--假设这个组件叫my-com--><!--组件模板如下:--><template> <div> <p>------------原创 2020-12-18 13:17:13 · 3306 阅读 · 0 评论 -
vue2中的props属性传递
vue中的props对象1.props对象的定义props其实是properties的缩写,props对象是用来定义属性的。props对象可以接受数组形式的参数又或者是对象形式的参数。数组形式props: ['title', 'likes', 'isPublished', 'commentIds', 'author']对象形式在对象形式中,可以指定该属性的类型,这些 property 的名称和值分别是 prop 各自的名称和类型。props: { title: String, lik原创 2020-12-17 20:55:21 · 12419 阅读 · 1 评论 -
Vue2的子类创建Vue.extend()方法
Vue.extend1.传递的参数Vue.extend({Object}),传递的是一个对象,这个对象包含template等,其实就是传递一个包含组件选项的对象。他是属于Vue的全局API,用来创建一个Vue的"子类"。2.使用2.1 直接用来挂载元素Vue.extend({Object})放回的是一个构造器,data要写成组件的函数形式,因为创建的是构造器,并非实例,所以要使用这个组件就必须new出来,并通过KaTeX parse error: Expected 'EOF', got '#'原创 2020-12-17 18:21:43 · 2349 阅读 · 0 评论 -
vue2的跳转路由
vue的路由跳转准备工作/router/index.jsimport VueRouter from 'Vue-router'import Vue from 'vue'Vue.use(VueRouter) const routes = [] //route对象(填写路由)const router = new VueRouter({routes})export default router;1.通过在$router更改 vue路由路径可以通过Vue中的router对原创 2020-12-15 11:59:54 · 7215 阅读 · 0 评论